@media screen {
    /* MOBILE */
    section#cover{position:relative;width:100%;padding-bottom:100%;height: 0;background-image:url('/design/image/cover-larimar-apartman.jpg');background-position:center;background-size: cover;}
    .coverLogoContainer{width:100%;height:100%;position: absolute;left: 0;}
    .coverLogo{position:absolute;width:70%;height:70%;top:50%;left:50%;margin: -35% 0 0 -35%;background-image:url('/design/image/logo-larimar-apartman.png');background-position:center;background-size:contain;background-repeat:no-repeat;}
    .coverSocial{position:absolute;width:60%;height:100px;bottom:0px;left:50%;margin: 0 0 0 -30%;text-align:center;}
    .coverSocial ul{display:inline-block;margin:0 auto;width:auto;height:inherit;}
    .coverSocial ul li{float:left;height:inherit;padding:30px 10px;}
    .coverSocial ul li img{height:100%;transition:transform 0.3s}
    .coverSocial ul li img:HOVER{transform: scale(1.1)}    
    
    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;}
    
    section#article{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;}    
    .articleContainer{margin:0 auto;width:100%;padding-bottom:30px;}    
    article{width:100%;padding:20px;}
    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;}
    
     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;}
     
     section#contact{}
     .contactContainer{margin:0 auto;width:100%;padding:40px 10px;overflow:auto;}
     .halfContainer{float:left;width:100%;padding:20px;}
     
     .contactContainer{padding:40px 10px;;overflow:auto;}
     .contactBox{width:100%;padding:0;height:auto;position:relative;}
     .contactAddress{margin-top:20px; font-size:15px;text-align:center;}
     .contactPhone{margin-top:5px; font-size:15px;text-align:center;}
     .contactEmail{margin-top:5px; font-size:15px;text-align:center;}
     .contactInfo{margin-top:40px; font-size:14px;text-align:left;line-height:160%;color:#999;}
     
     .virtualTourBox{background-color:rgba(0,0,0,0.2);border-radius:10px;position:relative;width:100%;padding-bottom:100%;height: 0;}
     .virtualTourBox iframe{width:100%;height:100%;border-radius:10px;position: absolute;left: 0;}
     
     h3{padding:0;font-family:Oswald-Light;font-size:32px;text-align:center;}
     
     
    
    
   
}

@media screen and (min-width: 768px) {
    /* TABLET */
    section#cover{padding-bottom:75%;}
    .coverLogo{width:60%;height:60%;top:50%;left:50%;margin: -22.5% 0 0 -30%;}
    
    .featureBox{width:33.33%;}
    
    .bookingContainer{width:100%;}
     
    .halfContainer{float:left;width:50%;}
     
    .contactContainer{padding:40px;overflow:auto;}
    .contactBox{width:100%;padding-bottom:75%;height:0;position:relative;}
    .contactData{position: absolute;top:50%;-ms-transform: translateY(-50%);transform:translateY(-50%);}      
    .contactAddress{text-align:right;}
    .contactPhone{text-align:right;}
    .contactEmail{text-align:right;}
    .contactInfo{text-align:right;}
     
    .virtualTourBox{padding-bottom:75%;}   
     
    h3{text-align:right;}
        
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */  
    section#cover{padding-bottom:50%;}
    .coverLogo{width:60%;height:60%;top:50%;left:50%;margin: -15% 0 0 -30%;}
    
    .featureContainer{max-width:1360px;}
    .featureBox{width:16.66%;}
    
    .articleContainer{max-width:1360px;} 
    
    .bookingContainer{max-width:1360px;}
    
    .contactContainer{max-width:1360px;}
}

@media (orientation: portrait) {    
}

@media (orientation: landscape) {        
}