.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.hero h2 {
    font-size:7.4em;
    color:#fff;
    position:absolute;
    z-index: 10;
    font-weight:normal;
    left:5%;
    top:50%;
}

.hero h3 {
    color:#dd9c00; /* orange */
    position:absolute;
    z-index: 10;
    font-size: 2.4em;
    font-weight: normal;
    left:5.2%;
    top:71%;
}

.main {
    float:left;
    clear:left;
    width:100%;
    padding:5%;
}

    .latest {
        float:left;
        color:#dd9c00; /* orange */
        font-size:2em;
        margin-bottom:2em;
    }
    
    .see-all {
        color:#fff;
        font-size: 1.4em;
        text-transform: uppercase;
        letter-spacing: 2px;
        float:right;
    }
    
    .items {
      float:left;
      clear:left;
      width:100%;
      display:-webkit-flex;
      display:flex;
      -webkit-flex-direction:row;
      flex-direction:row;
      -webkit-flex-wrap:wrap;
      flex-wrap:wrap;
      -webkit-align-items: stretch; /* Safari */
    }
    
    .item {
      float:left;
      position:Relative;
      width:32%;
      margin-right:2%;
      margin-bottom:2%;
      padding:3em;
      padding-bottom:4em;
      border:1px solid #aaa;
      color:#fff;
      text-decoration: none;
      container-type: inline-size;
    }

      .item:nth-of-type(3n){
        margin-right:0;
      }
      
      .item:nth-of-type(3n+1){
        clear:left;
      }
      
      .item:hover {
        background:rgba(255,255,255,0.1);
      }
      
      .item:hover .item-text h3 {
        color:#dd9c00; /* orange */
      }
      
      .item-text {
        color:#aaa;
        padding:1em 0 0 0;
        float:left;
        width:100%;
        font-size:1.1em;
      }
      
        .item-text h3 {
          float:left;
          width:70%;
        }
        
        .item-text p {
          float:right;
          width:25%;
          color:#dd9c00; /* orange */
          text-align: right;
        }
      
      .item > img {
        float:left;
        display:block;
        max-width: 100%;
        transition: 0.5s opacity ease;
      }
    
      .view {
        position:absolute;
        bottom:0;
        width:100%;
        left:0;
        margin:0;
        text-align:center;
        padding:1em;
        color:#dd9c00; /* orange */
        font-size:1em;
        text-transform: uppercase;
        letter-spacing: 2px;
      }

@media screen and (max-width:799px) {
  .item {
    padding:2em;
  }
}

@media screen and (max-width:679px) {
  .item {
    padding:3em;
    width:48.5%;
    margin-bottom:2em;
  }
  
    .item:nth-of-type(3n){
      margin-right:2%;
    }
    
    .item:nth-of-type(2n){
      margin-right:0;
    }
}

@media screen and (max-width:479px) {
  
  .items {
    -webkit-flex-direction:row;
    flex-direction:row;
  }
  
  .item {
    padding:3em;
    width:100%;
    margin-right:0
  }
}