@media screen and (max-width: 768px) {
    .logo_main {
        height: 40px;
    }

    .section-title, .section-heading {
        font-size: 1.2rem;
    }

    .nav-btn { width: 30px; height: 30px; }

    .hero.alltop {
        height: 25vh !important;
        min-height: 180px;
    }

        .hero.alltop h1 {
            font-size: 1.5rem !important;
            margin-bottom: 0.5rem !important;
            text-align: center;
        }
}


@media screen and (max-width: 480px) {
    .hero.alltop {
        height: 20vh !important;
        min-height: 150px;
    }

        .hero.alltop h1 {
            font-size: 1.3rem !important;
        }
}