/* Mobile Header Fix - Responsive Centering */
@media screen and (max-width: 768px) {
    /* Center header content */
    .ds-header {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Center the headline */
    .ds-headline {
        text-align: center !important;
        margin: 10px auto !important;
        display: block !important;
        width: 100% !important;
    }

    /* Center the slogan */
    .ds-slogan {
        text-align: center !important;
        margin: 5px auto !important;
        display: block !important;
        width: 100% !important;
    }

    /* Center the logo */
    .ds-logo-607320574 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin: 15px auto !important;
        display: block !important;
        width: 120px !important;
        height: 120px !important;
    }
}

/* Tablet adjustments */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .ds-logo-607320574 {
        width: 150px !important;
        height: 150px !important;
    }
}

/* Very small mobile devices */
@media screen and (max-width: 480px) {
    .ds-logo-607320574 {
        width: 100px !important;
        height: 100px !important;
    }
}