/* Responsive Design: Media Queries */
@media (max-width: 768px) {

    /* Header Menu */
    .header-menu ul,
    .footer-menu ul {
        display: flex;
        flex-direction: row;
        /* Stack menu items vertically */
        align-items: center;
        /* Center align menu items */
        padding: 0;
        margin: 0;

    }

    .header-menu li,
    .footer-menu li {
        margin: 5px 0;
        /* Add space between items */
    }

    .header-menu a,
    .footer-menu a {
        font-size: 14px;
        /* Adjust font size for readability */
    }

    /* Header adjustments */
    header {
        padding: 10px;
        text-align: center;
    }

    h1 {
        font-size: 28px;
    }

    

    /* Footer adjustments */
    footer {
        font-size: 12px;
        text-align: center;
        /* Center align footer text */
    }

}