@charset "utf-8";
.aboutThumbnails {
    width: 100%;
    background-color: hsla(0,0%,100%,1.00);
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 0px;
    padding-bottom: 35px;
}
.aboutThumbnail {
    width: 25%;
    height: auto;
    float: left;
    clear: none;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.aboutThumbnail a img {
    -webkit-box-shadow: 1px 1px 5px 1px hsla(274,14%,41%,0.50);
    box-shadow: 1px 1px 5px 1px hsla(274,14%,41%,0.50);
    border-radius: 8px;
}
.aboutThumbnail a:hover img {
    -webkit-filter: saturate(1.1);
    filter: saturate(1.1);
    -webkit-filter: contrast(1.1);
    filter: contrast(1.1);
    -webkit-box-shadow: 0px 0px 1px 0px hsla(0,0%,0%,0.20);
    box-shadow: 0px 0px 1px 0px hsla(0,0%,0%,0.20);
    border: 2px solid hsla(274,45%,32%,0.50);
}
.aboutVideoThumbnail {
width: 50%;
height: auto;
float: left;
clear: none;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
@media (max-width:2400px){
.aboutThumbnails {
    padding-left: 22%;
    padding-right: 22%;
}
}
@media (max-width:2000px){
.aboutThumbnails {
    padding-left: 18%;
    padding-right: 18%;
}
}
@media (max-width:1800px){
.aboutThumbnails {
    padding-left: 15%;
    padding-right: 15%;
}
}
@media (max-width:1600px){
.aboutThumbnails {
    padding-left: 10%;
    padding-right: 10%; 
}
}
@media (max-width:1400px){
.aboutThumbnails {
    padding-left: 8%;
    padding-right: 8%; 
}
}
@media (max-width:1300px){
.aboutThumbnails {
    padding-left: 5%;
    padding-right: 5%; 
}
}
@media (max-width:1200px){
.aboutThumbnails {
    padding-left: 18px;
    padding-right: 18px;
}
.aboutThumbnail {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}
}
@media (max-width:1100px){
.aboutThumbnails {
    padding-left: 18px;
    padding-right: 18px;
}
.aboutThumbnail {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}
}
@media (max-width:850px){
.aboutThumbnail {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;    
}
.aboutVideoThumbnail {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
}
@media (max-width:700px){
.aboutThumbnail {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;    
}
}
@media (max-width:400px){
.aboutThumbnail {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;    
}
}