/*Grid Panel One*/
/*Big Tile*/

.grid-panel-one .big-tile .panel-text {
    background: rgba(96, 150, 107, 0.8);
    padding: 30px;
    top: auto;
    bottom: 3%;
    right: 3%;
    left: auto;
    width: 300px;
}

    
@media screen and (max-width: 559px){
    .grid-panel-one .big-tile .panel-text {
        padding: 1.2rem;
        max-width: 200px;
    }

}

/*Panel Three*/

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

.grid-panel-one .panel-three .panel-text {
    top: 0;
    bottom: auto;
}

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

@media screen and (max-width: 559px){
    .grid-panel-one .panel-three .thin-tile, .grid-panel-one .panel-four .thin-tile {
        background-position: 50% bottom;
    }
    .grid-panel-one .panel-three .full-link {
        background: 0 0;
        background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(100%,#000));
        background: linear-gradient(to top,transparent 40%,rgba(0, 0, 0, 0.8) 100%);
    } 
}

/*Panel Five*/

.grid-panel-one .panel-five .fade-overlay {
    background: 0;
}


.grid-panel-one .panel-five .panel-text {
    top: 0;
    bottom: auto;
}


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

@media screen and (max-width: 559px){
    .grid-panel-one .panel-five .full-link {
        background: 0 0;
        background: -webkit-gradient(left top,left bottom,color-stop(0,transparent),color-stop(100%,#000));
        background: linear-gradient(to top,transparent 40%,rgba(0, 0, 0, 0.9) 100%);
    } 
}