@media (max-width: 768px) {
    .hero-banner {
        height: 40vh;
    }

        .hero-banner h1 {
            font-size: 2rem;
            padding: 0.75rem 1.5rem;
        }

    .section-content {
        margin: 2rem 1rem;
        padding: 2rem;
    }

        .section-content h2 {
            font-size: 1.6rem;
        }
}

@media screen and (max-width: 768px) {
    .section-content img {
        float: none;
        display: block;
        margin: 0 auto 2rem auto;
        width: 100%;
    }
}