.hero-margin {
    margin-top: 10%;
}



@media screen and (min-device-width: 210px) and (max-device-width: 328px) {}


@media screen and (min-device-width: 329px) and (max-device-width: 768px) {}


@media screen and (min-device-width: 210px) and (max-device-width: 1024px) {}


@media screen and (min-device-width: 1025px) and (max-device-width: 1680px) {
        h1 {
        font-size: 50px !important;
        line-height: 120% !important;
    }
}

@media screen and (min-device-width: 1681px) and (max-device-width: 1920px) {


    h1 {
        font-size: 50px !important;
        line-height: 120% !important;
    }


}

@media screen and (min-device-width: 1920px) {



       h1 {
        font-size: 64px !important;
        line-height: 120% !important;
    }

}