@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;}
    
    .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;}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    article{width:100%;padding:0 20px 20px 20px;}
    
    #customerMenu{display:none;}
    #categoryMenu nav p{display:none;}
}

@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;}
}