.logo {
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width: 1161px) and (max-width: 1280px) {
    .logo {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .logo {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .logo {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .logo {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .logo {
        max-width: 52%;
        height: auto;
        margin-top: 22%;
    }
}