/* responsive.css - Medco DME responsive tweaks */

/* Basic breakpoint */
@media (max-width: 900px) {
    .container {
        padding: 0 20px;
    }

    .section {
        padding: 30px 20px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 20px;
    }
}

/* Smaller mobile */
@media (max-width: 600px) {
    .container {
        padding: 0 16px;
    }

    .section {
        padding: 24px 16px;
    }

    h1 {
        font-size: 22px;
    }

    header {
        padding: 10px 16px !important;
    }

    /* Optional: convert nav to stacked layout */
    header nav ul {
        flex-direction: column;
        gap: 12px;
    }
}