@media (max-width: 480px) {
    .container {
        padding: 20px;
        font-size: 18px;
    }
    .navbar {
        background: unset;
        padding: unset;
    }

    .hero-section .img-container .expand-image {
        width: 469px;
        position: unset;
        height: 340px;
        object-fit: cover;
    }

    .hero-section h1 {
        font-size: 36px;
    }

    .hero-section h1 span img {
        height: 36px;
        margin-bottom: 14px;
    }

    .hero-section p.lead {
        font-size: 14px;
        font-weight: 500;
    }

    .hero-section {
        text-align: center;
        padding: 0;
    }

    .hero-section .cta-action a {
        font-size: 16px;
        font-weight: 600;
    }

    .about-section {
        text-align: center;
    }
}