body,
html {
    overflow-x: hidden;
    width: 100%;
}

/* Media max 768px */
@media (max-width: 768px) {
    .navbar-brand img {
        height: 50px;
    }

    .navbar-toggler {
        border: none;
        outline: none;
    }

    .jumbotron-content h1 {
        font-size: 2.2rem;
    }

    .jumbotron-content p {
        font-size: 1rem;
    }

    .primary-btn {
        font-size: 1rem;
        padding: 10px 20px;
    }

    .info-box {
        padding: 20px;
    }

    .icon-box {
        width: 40px;
        height: 40px;
    }

    .icon-box svg {
        width: 24px;
        height: 24px;
    }

    .info-text h3 {
        font-size: 1.1rem;
    }

    .info-detail,
    .info-time {
        font-size: 0.95rem;
    }

    .tagline-content {
        flex-direction: column;
        text-align: center;
    }

    .tagline-text,
    .tagline-logo {
        max-width: 100%;
    }

    .tagline-text {
        font-size: 1.3rem;
    }
}


/* Media max 480px */
@media (max-width: 480px) {
    .jumbotron-content {
        padding: 15px;
    }

    .jumbotron-content h1 {
        font-size: 1.8rem;
    }

    .jumbotron-content p {
        font-size: 0.9rem;
    }

    .primary-btn {
        font-size: 0.9rem;
        padding: 8px 16px;
    }
}