@media screen {
    /* MOBILE */
    #header{height:120px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0.9) 65%,transparent 100%);}
    #menuContainer nav{height:120px;margin-top:-60px;padding:15px 0;} 
    #menuContainer nav li{padding-top:30px;}
    #dropMenu{top:121px;}

    main{width:100%;background-color:#fff;}    
    
    section#cover{position:relative;width:100%;padding-bottom:100%;height:0;background-position:center;background-size: cover;}    
    
    section#feature{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;text-align:center;} 
    .featureContainer{margin:0 auto;width:100%;padding:0 0 20px 0;}
    .featureBox{float:left;width:50%;text-align:center;padding:20px 0;}
    .featureBox img{margin:0 auto;width:100px;}
    .featureBox .name{padding-top:10px;font-size:13px;color:#999}
    .featureBox .data{font-family:Oswald-Light;font-size:28px;}
    .featureBox .feature{font-family:Oswald-Light;font-size:21px;}
    .smallContainer{margin:0 auto;width:auto;overflow:auto;}
    .smallBox{display:inline-block;width:25%;text-align:center;margin-top:20px;padding:20px 0;}
    .smallBox img{margin:0 auto;width:60px;}
    .smallBox .feature{padding-top:5px;font-family:Oswald-Light;font-size:17px;}
    
    section#article{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;}    
    .articleContainer{margin:0 auto;width:100%;}
    
    article{width:100%;padding:20px;}
    article .chapter{margin-top:25px;font-family:Oswald-Light;font-size:24px;line-height:150%;color:rgb(87,167,179);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
    article .lead{margin-top:25px;font-size:16px;font-weight:bold;line-height:150%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
    article .text{margin-top:25px;font-size:15px;line-height:150%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
    article .imageContainer{margin-top:25px;}
    article .imageContainer img{margin:0 auto;object-fit:cover;}
    article .imageContainer .caption{background-color:#fff;padding:10px;font-size:12px;font-style:italic;color:#aaa;text-align:center;}
    
    .galleryContainer{margin:50px auto 10px auto;overflow:auto;position:relative;}
    .galleryContainer img{position:absolute;top:30px;right:20px;cursor:pointer;z-index:100;transition:transform 0.3s;}
    .galleryContainer img.minimize{display:none;}
    .galleryContainer img:HOVER{transform: scale(1.2);} 
    .slick-slide{border:5px solid white;}
    .slick-slide .overlay{opacity:.2;border-radius:10px;background-position:center center;background-repeat:no-repeat;background-size:cover;padding-top: 100%;transition:opacity 0.5s}
    .slick-current .overlay{opacity: 1;}
    
     section#booking{}
     .bookingContainer{margin:0 auto;width:100%;padding:60px 0;text-align:center;}
     .booking{padding:10px 30px;border-radius:25px;background-color:rgb(87,167,179);font-family:Oswald-Light;font-size:21px;color:#fff;text-transform:uppercase;transition:all 0.3s;}
     .booking:HOVER{background-color:rgba(63,127,136,1);color:#fff;}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    section#cover{padding-bottom:50%;}   
    .featureBox{width:33.33%;}
    .smallBox{width:16.66%;}
    
    article{width:100%;}    
    
    .slick-slide .overlay {padding-top: 66.66%;}
}

@media screen and (min-width: 1200px) {
    /* DESKTOP */
    section#cover{padding-bottom:25%;}
    
    .featureContainer{max-width:1360px;}
    .featureBox{width:16.66%;}
    .smallContainer{max-width:1360px;}
    .smallBox{width:8.33%;}
    
    .articleContainer{max-width:1360px;}    
    article{}
    
    .slick-slide .overlay {padding-top: 66.66%;}
    
     .bookingContainer{max-width:1360px;}
}