@media(max-width:768px){

    header .container{
        flex-direction:column;
    }

    nav ul{
        flex-wrap:wrap;
        justify-content:center;
        margin-top:15px;
    }

    .hero h1{
        font-size:2.5rem;
    }

    .event-card{
        grid-template-columns:1fr;
    }

    table{
        display:block;
        overflow-x:auto;
    }
}