/* ===== MEDIA QUERY ===== */
@media screen and (max-width: 768px){
    #header {
        flex-direction: column;
        text-align: center;
        position: static;
        width: auto;
        color: white;
    }

    #header nav ul {
        /* margin-top: -20px; */
        flex-direction: column;
        gap: 10px;
        padding: 0;
    }

    #header ul li a {
        padding: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

/* ===== END MEDIA QUERY ===== */