.logo {
    background-image: url("/static/img/logo.png") !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: 350px;
    height: 500px;
    width: 100%;
}

@media screen and (max-height: 880px) and (min-height: 700px) {
 .logo {
     background-position: 50% 30% !important;
 }
}

@media screen and (max-height: 700px) and (min-height: 600px) {
 .logo {
     background-position: 50% 15% !important;
 }
}

@media screen and (max-height: 600px) and (min-height: 500px) {
 .logo {
     background-position: 50% 5% !important;
 }
}

@media screen and (max-height: 500px) {
 .logo {
     background-position: 50% 0% !important;
 }
}