@media screen {
    /* MOBILE */
    main{clear:left;width:100%;margin:0 auto;padding:1px;background-color:#fff;}
    .mainContainer{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;}    
    
    .menuBox{display:none;}
    .contentBox{width:100%;}
    
    article{width:100%;padding:0 10px 20px 10px;}
    article .lead{margin-top:25px;font-size:14px;font-weight:bold;line-height:150%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    article .text{margin-top:25px;font-size:13px;line-height:150%;text-align:justify;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    article .imageContainer{margin-top:25px;}
    article .imageContainer img{width:100%;max-width:600px;margin:0 auto;}
    article .imageContainer .caption{background-color:#fff;padding:10px;font-size:13px;font-style:italic;color:#999;text-align:center;} 
}

@media screen and (min-width: 768px) {
    /* TABLET */ 
    
    .menuBox{display:block;}
    
    #categoryMenu nav p{display:none;}    
    
    .contentBox{float:right;width:66.67%;}
    
    article{width:100%;padding:0 20px 20px 20px;}
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */
    .mainContainer{max-width:1360px;}  
    
    .menuBox{display:block;}
    
    #categoryMenu nav p{display:none;}
    
    .contentBox{float:right;width:75%;}
    
    article{width:100%;padding:0 20px 20px 20px;}
}