@media (max-width: 991.98px) {
    .hero-section {
        text-align: center;
    }

    .overlay-smile {
        width: 180px;
        left: 0;
    }
    .icon-box {
        margin: 0 auto;
    }
}

/* Za mobilne telefone (ispod 576px) */
@media (max-width: 575.98px) {
    .display-4 {
        font-size: 2.5rem; /* Smanjujemo naslov da ne puca u tri reda */
    }

    .image-wrapper {
        height: 320px;
    }

    .main-img-box {
        border-radius: 80px; /* Nešto manji radijus za manje ekrane */
    }

    .orange-badge {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }
}