/* 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;
    }
}