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

    main{width:100%;margin:120px 0 0 0;}
    .mainContainer{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;}
    
    .contentBox{width:100%;}
    
    article{width:100%;padding:0 10px;}
    article .chapter{margin-top:25px;font-family:Oswald-Light;font-size:24px;line-height:150%;color:rgb(146,102,67);-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{width:100%;margin:0 auto;}
    article .imageContainer .caption{background-color:#fff;padding:10px;font-size:12px;font-style:italic;color:#aaa;text-align:center;}
    article .columnContainer{clear:both;overflow:auto;}
    article .leftColumn{clear:left;width:100%;}
    article .rightColumn{clear:right;width:100%;}   
    article b.chapter{font-size:19px;}
    
    .documentList{margin-top:30px;padding:0 10px;}
    .documentBox{height:auto;display:inline-block;padding:0 10px;}
    .documentBox h2{font-family:Oswald-Light;font-size:24px;font-weight:normal;color:rgb(87,167,179);margin:0; padding:0 0 10px 0;}
    .documentBox ul{overflow:auto;list-style:none;padding:10px 0;}
    .documentBox ul li {float:left;width:130px;padding:10px;cursor:pointer;}    
    .documentBox ul li img{margin:0 auto;width:80%;border-radius:5px;transition: .5s}
    .documentBox ul li:HOVER img{transform: scale(1.05);}
    .documentBox ul li p{margin:15px 0 5px 0;font-size:13px;text-align:center;line-height:140%;}
    .documentBox ul li:HOVER p{color:#000;}
    
    .articleList{float:right;margin-top:10px;}
    .articleBox{width:33.33%;float:left;}
    .articleBox h3{margin:0 20px;padding:20px 0;font-size:19px;font-weight:bold;color:rgb(146,102,67);}
    .articleBox .imageContainer img{width:100%;margin:0 auto;padding:0 20px;}
    .articleBox .imageContainer .caption{background-color:#fff;padding:10px;font-size:13px;font-style:italic;color:#999;text-align:center;}
    .articleBox p{margin:0 20px;padding:20px 0;font-size:13px;line-height:150%;text-align:justify;}
    .articleBoxProduct{width:50%;float:left}
    .articleBoxProduct .articleBoxProductImageContainer{width:100%;padding:20px 20px 0px 20px;}
    .articleBoxProduct .articleBoxProductImageContainer img{width:100%;border-top:1px solid #999;}
    .articleBoxProduct h4{font-size:13px;line-height:140%;padding:10px 20px;}
    .articleBoxProduct h4 a{color:#000;}
    
    section#price{padding-bottom:20px;}
    .priceContainer{margin:0 auto;width:100%;padding:0 10px;overflow:auto;}
    .priceBox{float:left;width:100%;padding:20px;}
    .priceCategory{padding:10px 0 15px 0;font-family:Oswald-Light;font-size:24px;line-height:150%;color:rgb(155,110,75);text-align:center;}
    .priceRow{padding:10px;overflow:auto;transition: 0.2s;}
    .priceRow:HOVER{background-color:rgba(0,0,0,0.05)}
    .priceRow span{font-size:13px; color:#999;}
    .priceItem{font-size:15px;display:inline-block;float:left;}
    .priceValue{font-size:15px;display:inline-block;float:right;}
    
     section#booking{margin:0 auto;}
     .bookingContainer{margin:0 auto;width:100%;padding:60px 0;text-align:center;}
     .bookingFloatContainer{float:left;width:100%;overflow:auto;margin:0 auto;width:100%;padding:60px 0;text-align:center;}
     .booking{margin:0 auto;padding:10px 30px;border-radius:25px;background-color:rgb(155,110,75);font-family:Oswald-Light;font-size:21px;color:#fff;text-transform:uppercase;transition:all 0.3s;}
     .booking:HOVER{background-color:rgba(113,74,44,1);color:#fff;}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    article{width:100%;padding:0 20px 20px 20px;}
    article .leftColumn{float:left;width:50%;padding-right:20px;}
    article .rightColumn{float:right;width:50%;padding-left:20px;} 
    
    #customerMenu{display:none;}
    #categoryMenu nav p{display:none;}
    
    .priceBox{float:left;width:50%;}
    
    .bookingFloatContainer{width:50%;}
}

@media screen and (min-width: 1200px) {
    /* DESKTOP */
    .mainContainer{max-width:1360px;}
    
    #customerMenu{display:none;}
    #categoryMenu nav p{display:none;}
    
    article{padding:0 20px 20px 20px;}
    
    .documentBox{float:left;height:auto;}
    .articleList{max-width:1360px;}
    
    .priceContainer{max-width:1360px;}
    .priceBox{float:left;width:33.33%;}
    
    section#booking{max-width:1360px;}
    .bookingFloatContainer{width:50%;}
}