/* Responsive Styles */

@media (max-width: 1200px) {
    :root {
        --container-width: 960px;
    }
}

@media (max-width: 992px) {
    :root {
        --container-width: 720px;
    }
}

@media (max-width: 768px) {
    :root {
        --container-width: 100%;
    }

    .site-branding,
    .main-navigation {
        text-align: center;
    }
}

@media (max-width: 576px) {
    /* Mobile styles */
}