@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;width:100%;overflow:auto;padding:0;background-color:#fff;overflow:auto;display:table;} 
    .mainContent{display:table-row;padding:0;overflow:auto;}    
    .leadBox{width:100%;}    
    .titleBox{height:100px;padding:33px 30px 0 30px;font-size:28px;font-weight:100;text-transform: uppercase;background-color:#eeeeee;}
    .leadImage{position: relative;padding-bottom: 50%;height: 0;overflow: hidden;background-position:center;background-size:cover;}
    .contentBox{width:100%;background-color:#1d5199;}  
    .partnerLogo{margin:0 30px 10px 30px;width:100%;}
    .playerBox{height:100px;padding:33px 30px 0 30px;background-color:#8db8dc;font-size:24px;font-weight:100;text-align:center;}   
    .docList{padding:30px;list-style:none;} 
    .docList li{width:100%;padding:10px 0;color:#8db8dc;;font-size:19px;}
    .docList li a{margin-left:10px;color:#fff;font-size:17px;}
    .docList li a:HOVER{color:#8db8dc;} 
    .partnerBox{height:100px;padding:33px 30px 0 30px;background-color:#ffffff;font-size:24px;font-weight:100;text-align:center;}
    .partnerList{width:100%;padding:0 30px 60px 30px;list-style:none;background-color:#fff;}
    .partnerList img{width:80%;}
    article{background-color:#fff;padding:50px 30px 80px 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{}
    
    .listContent{padding:20px 20px 40px 20px;overflow:auto;} 
    .listTitle{padding:10px 10px 20px 10px;font-size:21px;font-weight:100;text-transform: uppercase;}
    .articleBox{float:left;width:100%;padding:20px;cursor:pointer;}
    .articleBox:HOVER{background-color:#eee;border-color:#ddd;}
    .articleBox .title{padding-bottom:20px;font-size:21px;text-align:center;}
    .articleBox .lead{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;}    
    a.button{margin:10px;padding:10px 20px;background-color:#1d5199;border-radius:20px;font-size:15px;font-weight:bold;color:#fff;text-transform: uppercase;display:inline-block;}
    a.button:HOVER{background-color:#8db8dc;}    
    
    .staffRow{position:relative;top:-30px;padding:0 0 40px 0;overflow:auto;}    
    .staffBox{float:left;width:16.66%;padding:0 20px;}
    .staffBox img{width:100%;}
    .staffName{margin-top:20px;font-size:19px;font-weight:100;text-align:center;text-transform: uppercase;color:#fff;}
    .staffFirstName{margin-top:2px;font-size:17px;font-weight:100;text-align:center;color:#fff;}
    .staffJob{margin-top:10px;font-size:15px;font-weight:100;text-align:center;color:#1d5199;}

    .slider {width: 100%;margin: 30px auto 50px auto;}
    .slick-slide {margin: 0px 20px;}
    .slick-slide img {width: 100%;}
    .slick-prev:before,
    .slick-next:before {color: black;}
    .slick-slide {transition: all ease-in-out .3s;opacity: 1;}    
    .slick-active {opacity: 1;}
    .slick-current {opacity: 1;}
    
}

@media screen and (min-width: 768px) {
    /* TABLET */
    .leadBox{float:left;width:66.66%;display:table-cell;}      
    article{background-color:#fff;padding:50px 0 80px 0;}
    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{}
    .contentBox{float:right;width:33.33%;display:table-cell;background-color:#1d5199;}     
    .playerBox{text-align:left;} 
    .partnerBox{text-align:left;}
    
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */
    .mainContainer{max-width:1320px;margin:0 auto;}
    .mainContent{background-color:#fff;max-width:1320px;margin:0 auto;}   
    .leadBox{float:left;width:66.66%;display:table-cell;}     
    article{background-color:#fff;padding:50px 0 80px 0;}
    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{}
    .contentBox{float:right;width:33.33%;display:table-cell;background-color:#1d5199;border-radius:0 0 15px 15px;}
    article{padding:50px 50px 80px 50px;}
    .mainLead{max-width:1320px;}
    article .imageContainer img{max-width:75%;}
    .listContent{max-width:1360px;margin:0 auto;}    
    .playerBox{text-align:left;} 
    .partnerBox{text-align:left;}
}