/*Grid panel One*/
/*Big tile*/
.grid-panel-one .big-tile {
    overflow: hidden;
}

.grid-panel-one .big-tile .panel-text {
    background: 0;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
}

.grid-panel-one .big-tile .full-link {
    background: rgba(0,0,0,0);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,#000));
    background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgb(0, 0, 0) 100%);
}

.grid-panel-one .big-tile .sale-roundel {
    background: rgba(71, 101, 128, 0.9);
    color: #fff;
    padding: 20px;
    width: 400px;
    text-align: center;
    position: absolute;
    top: 60px;
    bottom: auto;
    left: auto;
    right: -100px;
    transform: rotate(45deg);
    font-size: .8125rem;
    font-family: "Avenir LT W01_85 Heavy1475544",sans-serif;
    text-transform: uppercase;
    letter-spacing: .0625rem;
    font-weight: 400;
}

@media screen and (max-width: 559px){
    .grid-panel-one .big-tile .sale-roundel {
        padding: 10px;
        top: 40px;
        right: -140px;
        font-size: 11px;
    }

    .grid-panel-one .big-tile .panel-text {
        padding: 15px;
    }


}

/*Panel Three*/
.grid-panel-one .panel-three .fade-overlay {
    background: 0;
}

.grid-panel-one .panel-three .pre-heading, .grid-panel-one .panel-three h4, .grid-panel-one .panel-three .text-cta {
    color: #000;
}

.grid-panel-one .panel-three .text-cta:before {
    background: #000;
}


/*Grid panel Two*/
/*Big Tile*/
.grid-panel-two .big-tile .panel-text {
    background: none;
    right: 0;
    left: auto;
    bottom: auto;
    top: 0;
    text-align: right;
}

.grid-panel-two .big-tile span, .grid-panel-two .big-tile h4 {
    color: #000000;
}

.grid-panel-two .big-tile .text-cta:before {
    background: #000000;
}

@media screen and (max-width: 559px){ 
  .grid-panel-two .big-tile .panel-text {
      margin: .9375rem;
      padding: .625rem;
  }
}

@media screen and (max-width: 480px){ 
  .grid-panel-two .big-tile .panel-text {
      margin: 10px;
  }
}

/*Panel Three*/
.grid-panel-two .panel-three .panel-text {
    right: 0;
    text-align: right;
}

.grid-panel-two .panel-three .fade-overlay {
    background: 0;
}

.grid-panel-two .panel-three .pre-heading, .grid-panel-two .panel-three h4, .grid-panel-two .panel-three .text-cta {
    color: #000;
}

.grid-panel-two .panel-three .text-cta:before {
    background: #000;
}

@media screen and (max-width: 559px){
    .grid-panel-two .panel-three .thin-tile {
        background-position: 50% 80%;
    }
}

@media screen and (max-width: 375px){
    .grid-panel-two .panel-three .thin-tile {
        background-position: 50% 100%;
    }
}

/*Panel Four*/
.grid-panel-two .panel-four .fade-overlay {
    background: 0;
}

.grid-panel-two .panel-four .pre-heading, .grid-panel-two .panel-four h4, .grid-panel-two .panel-four .text-cta {
    color: #000;
}

.grid-panel-two .panel-four .text-cta:before {
    background: #000;
}
@media screen and (max-width: 559px){ 
    .grid-panel-two .panel-four .thin-tile {
        background-position: 0px 50%;
    }
}

@media screen and (max-width: 375px){
    .grid-panel-two .panel-four .thin-tile {
        background-position: 50% 70%;
    }
}

/*Panel Five*/
@media screen and (max-width: 559px){ 
  .grid-panel-two .panel-five .panel-text {
      top: 0;
  }

  .grid-panel-two .panel-five .fade-overlay {
          background: rgba(0,0,0,0);
          background: -webkit-gradient(left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(100%,#000));
          background: linear-gradient(to top,rgba(0,0,0,0) 60%,#000 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
  }

}