@media (max-width: 768px) {

    header {
       
         
        height: 180px;
        background-size: contain;
        background-position: center;
    }
    .boxes {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .main-panels {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .fast-acc,
    .events,
    .info {
        width: 95%;
        max-width: 100%;
    }

    .box {
        width: 90%;
        max-width: 300px;
    }



    .nav-bar {
        gap: 10px;
    }

    .nav-bar a {
        font-size: 13px;
        padding: 12px 5px;
    }

    .nav-footer {
        display: none;
        top: 1000px;
    }
}