@media screen and (max-height: 400px) {
    .where-to-buy__info{
        padding-top: 45% !important;
    }
}

@media screen and (min-height: 400px) and (max-height: 500px) {
    .section__container h1{
        padding-top: 30% !important;
    }

    .where-to-buy__info{
        padding-top: 20% !important;
    }
}

@media screen and (min-height: 500px) and (max-height: 800px) {
    .section__container h1{
        padding-top: 20% !important;
    }

    .where-to-buy__info{
        padding-top: 10% !important;
    }
}