/* assets/responsive.css */

@media screen and (max-width: 768px) {
    .header-container {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .header-text {
        margin-left: 0 !important;
        margin-top: 10px;
        font-size: 24px !important;
        text-align: left;
        white-space: normal !important;
    }

    .logo-img {
        height: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .landing-button-group {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .landing-button-link {
        justify-content: center;
    }
}