header .logos a,
footer .logos a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}

header .logos a img,
footer .logos a img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1921px) {
    footer .logos {
        height: 100px;
    }
}

@media (max-width: 1920px) {
    footer .logos {
        width: calc(279px - (100vw - 1440px) * (16 / 480)) !important;;
    }
}
@media (max-width: 1440px) {
     header .logos {
         width: calc(272px + (100vw - 1140px) * (59 / 300)) !important;
     }
    
    footer .logos {
        width: calc(172px - (100vw - 1140px) * (107 / 300)) !important;;
    }
}

@media (max-width: 1140px) {
    header .logos {
        width: 272px !important;
    }

    footer .logos {
        width: 172px !important;
    }
}

@media (max-width: 960px) {
     header .logos {
         width: calc(173px + (100vw - 720px) * (99 / 240)) !important;
     }
     footer .logos {
         width: calc(125px + (100vw - 720px) * (47 / 240)) !important;
     }
}

@media (max-width: 720px) {
    header .logos {
        width: calc(117px + (100vw - 540px) * (56 / 180)) !important;

    }

    footer .logos {
        width: calc(117px + (100vw - 540px) * (8 / 180)) !important;
    }
}

@media (max-width: 580px) {
    footer .logos {
        display: none !important;
    }
}

@media (max-width: 540px) {
    header .logos {
        width: 117px !important;
    }

    footer .logos {
        width: 117px !important;
    }
}

@media (max-width: 375px) {
    header .logos {
        width: calc(94px + (100vw - 320px) * (26 / 55)) !important;
    }

    footer .logos {
        width: calc(129px + (100vw - 320px) * (29 / 55)) !important;
    }
}

@media (max-width: 320px) {
    header .logos {
        width: 94px !important;
    }

    footer .logos {
        width: 129px !important;
    }
}