@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;background-color:#fff;}
    .mainContainer{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;}
    
    .contentBox{width:100%;}
    
    article{width:100%;padding:0;overflow:auto;}
    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 .imageBox{float:left;width:50%;padding:5px;}
    article .imageContainer{position:relative;width:100%;padding-bottom:100%;height:0;background-position:center;background-size: cover;border-radius:10px;opacity:.85;transition: .3s;cursor:pointer;}
    article .imageContainer:HOVER{opacity:1}    
    
    #close{position:fixed;top:20px;right:20px;;width:20px;z-index:50;opacity:.8;cursor:pointer;display:none;}
    #close:HOVER{opacity:1;}
    #display{position:fixed;top:0;left:0;z-index:20;min-width:100%;min-height:100%;background-color:rgba(255,255,255,0.9);display:none;}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    article{width:100%;padding:0 20px 20px 20px;}
    article .imageBox{float:left;width:33.33%;}
    
    #close{right:40px;}
}

@media screen and (min-width: 1200px) {
    /* DESKTOP */
    .mainContainer{max-width:1360px;}
    
    article{padding:0 20px 20px 20px;}
    article .imageBox{float:left;width:25%;}
}