/** additional/modified css **/

/** snippet logos layout **/
.logos-section .__lg_padding {
    padding: 0 8px;
}

.logos-section .logos-list-title h2 {
    margin-bottom: 40px;
}

.logos-section .logo-image {
    position: relative;
    height: 35vw;
    max-width: 100%;
    margin: 0 auto 15px auto;
    overflow: hidden;
    border: 2px solid #000000;
    background: #ffffff;
}

@media screen and (min-width: 40em){
    .logos-section .logo-image {
        height: 240px;
    } 
}

.logos-section .logo-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 20px;
}
/** snippet logos layout **/





/** custom-media **/

/* Large only */
/*min width = '1,024px' and max width = '1,199px'*/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}



/* Medium only */
/*min width = '640px' and max width = '1,023px'*/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}



/* Small only */
/*min width = '320px' and max width = '639px'*/
@media screen and (min-width: 20em) and (max-width: 39.9375em) {

}



/* Large and up */
@media screen and (min-width: 64em) {

}

@media (max-width: 79.4375em) {

}



/* Medium and up */
@media screen and (min-width: 40em) {

}

@media (max-width: 900px) {

}

@media (max-width: 768px) {

}

@media (max-width: 640px) {
    .logos-section .logo-image img {
        padding: 10px;
    }
}



/***small devices***/
@media (max-width: 578px) {

}

@media (max-width: 530px) {

}

@media (max-width: 500px) {

}

@media (max-width: 430px) {

}

@media (max-width: 420px) {
 
}

@media (max-width: 411px) {

}

@media (max-width: 379px) {

}