@media screen {
    /* MOBILE */
    main{clear:left;width:100%;margin:0 auto -100px auto;padding:0;height:auto;overflow:auto;} 
    .titleContainer{padding:80px 0 140px 0;text-align:center;background-image:url('/design/image/bigImage.jpg');background-position:center;background-size:cover;}
    .mainLead{margin:0 auto;font-size:19px;line-height:150%;padding:10px 50px;color:#fff;text-align:center;}
    .mainContainer{position:relative;top:-100px;} 
    .mainContent{background-color:#fff;} 
    article{padding:50px 30px 30px 30px;}
    article .lead{margin:30px auto 0 auto;font-size:17px;font-weight:bold;line-height: 180%}
    article .text{margin:30px auto 0 auto;font-size:15px;line-height: 150%}
    article .date{}
    article .imageContainer{width:100%;}
    article .imageContainer img{width:inherit;margin:30px auto 0 auto;}
    article .imageContainer .caption{}
    article .embed{margin:30px auto 0 auto;position:relative;padding-bottom: 56.25%;}
    article .embed iframe{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/9;}
    
    .listContent{overflow:auto;background-color:#eee;} 
    .contentBox{padding:15px;width:100%;}
    .articleBox{padding:20px;padding:15px;display:block;border-radius:10px;}
    .articleBox:HOVER{background-color:#ddd;border-color:#ddd;}
    .boxTitle{padding-bottom:20px;font-size:21px;text-align:center;}
    .boxLead{padding-bottom:20px;font-size:14px;line-height:150%;}
     
    .relatedContainer{background-image: url('/design/image/ffffff090.png');text-align:center;padding:60px 0;}
    .relatedContainer p{font-size:36px;font-weight:bold;}
    button{margin:20px 10px 0 10px;}
    button a{color:#fff;}
    button a:HOVER{color:#fff;}
    
}

@media screen and (min-width: 768px) {
    /* TABLET */
    .articleBox{}
    
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */
    .mainContent{background-color:#fff;max-width:1320px;margin:0 auto;border-radius:0 0 15px 15px;}
    article{padding:50px 50px 80px 50px;}
    .mainLead{max-width:1320px;}
    article .imageContainer img{max-width:75%;}
    article .embed{max-width:75%;margin-bottom:-14%;}
    .listContent{max-width:1320px;margin:0 auto;padding:15px;border-radius:0 0 15px 15px;}
    .contentBox{float:left;width:33.33%;}
}