@media screen {
    /* MOBILE */
    main{width:100%;margin:0 auto;}
    .articleSection{width:100%;height:auto;margin:20px auto 0 auto;padding:20px 0;overflow:auto;}    
    .articleBox{width:100%;padding:0 30px 0 30px;}
    .missing{padding:40px 20px 40px 20px;background-color:rgba(255,255,255,0.9);border-radius:10px;border:1px solid red;}
    
    article{width:100%;padding:0 0 40px 0}
    article h1{font-size:32px;color:#000;text-transform:uppercase;border-bottom:2px solid #008dd2;} 
    article .lead{margin-top:40px;font-size:16px;font-weight:bold;line-height:150%;}
    article .text{margin-top:40px;font-size:15px;line-height:150%;}
    article .imageContainer{margin-top:25px;border:1px solid rgba(0,0,0,0.1); background-color:#fff;padding:10px;}
    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;}
    
    .multiSection{width:100%;height:auto;margin:0 auto 40px auto;overflow:auto;}    
    .multiContainer{width:100%;padding:0 0 40px 0;}
    .multiBox{width:100%;overflow:auto;padding:10px 30px;}
    .multiContent{height:auto;overflow:auto;background-color:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.1);overflow:hidden;}    
    .multiContent:HOVER{background-color:rgba(255,255,255,1);}
    .multiContent:HOVER img{transform: scale(1.05);}
    .multiContent img{width:100%;display:block;transition: transform .5s;}
    .multiContent .video{position: relative; width:100%;padding-bottom:56.25%;border:1px solid red;}
    .multiContent .video iframe{position: absolute; width:100%; height:100%;top:0;left:0;}
    .multiTitle{margin:0;padding:30px;font-size:21px;color:#008dd2;}
    .multiLead{margin:0;padding:0 30px 30px 30px;line-height:150%;}
    
    .documentBox{float:left;width:50%;height:auto;overflow:auto;margin-bottom:40px;}
    .documentBox h2{margin:20px;font-size:19px;color:#f4792b;padding-bottom:20px;border-bottom:1px solid #717a82;}
    .documentBox div{margin:0 20px;}
    .documentBox div img{float:left;height:20px;margin:-1px 10px 0 0;vertical-align:middle;}
    .documentBox div a{font-size:15px;color:#000;text-decoration:none;}
    .documentBox div a:HOVER{color:#f4792b;}

    .mainProducts{display:none;}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    article .lead{font-size:18px;}
    article .text{font-size:17px;}
    .article{float:right;width:75%;padding:0 30px 20px 30px;}
    .articleBox{max-width:1400px;margin:0 auto;padding:0 100px 0 100px;}
    .missing{padding:40px 100px 40px 100px;background-color:rgba(255,255,255,0.9);border-radius:10px;border:1px solid red;}
    .multiBox{float:left;width:25%;padding:10px;}
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */
    .article{padding:0 20px 20px 20px;}
    .articleBox{max-width:1400px;margin:0 auto;padding:0 90px 0 90px;}
    .missing{padding:40px 100px 40px 100px;background-color:rgba(255,255,255,0.9);border-radius:10px;border:1px solid red;}
    
    .multiContainer{max-width:1400px;margin:0 auto;}
    .multiBox{float:left;width:25%;padding:10px;}
}