.menu{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 33px;
}

.categorias__lista{
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}

.destaques{
    display: flex;
    align-items: center;
    row-gap: 0.5rem;
}

.destaques__barra{
    flex-grow: 1;
}

.eventos__lista{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1rem;
    justify-content: center;
}

.eventos__item{
    flex-grow: 1;
    max-width: 400px;
}

.agenda__lista{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1rem;
    justify-content: center;
}

.agenda__item{
    flex-grow: 1;
    max-width: 400px;
}

.rodape{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rodape__logo {
    align-self: end;
}

@media (min-width: 720px) {
    .menu{
        column-gap: 75px;
    }

    .categorias__lista{
        flex-wrap: wrap;
        column-gap: 1.5rem;
        row-gap: 1rem;
    }

    .eventos__lista{
        justify-content: end;
    }

    .agenda__lista{
        justify-content: end;
    }
}

@media (min-width: 1440px) {

    .menu{
        column-gap: 105px;
        flex-wrap: nowrap;
    }

    .menu__item:nth-child(1){
        order: 1;
    }

    .menu__item:nth-child(2){
        order: 3;
    }

    .menu__item:nth-child(3){
        order: 4;
    }

    .menu__item:nth-child(4){
        order: 5;
    }

    .menu__item:nth-child(5){
        order: 2;
    }

    .agenda__lista{
        justify-content: center;
    }

    .categorias{
        display: grid;
        grid-template-areas:
                "titulo titulo"
                "lista destaque"
                "lista imagem";
        row-gap: 1rem;
        column-gap: 1.5rem;
        grid-template-columns: calc(50% - 0.75rem);
        grid-template-rows: auto 1fr auto;
    }

    .categorias__titulo {
        grid-area: titulo;
    }
    
    .categorias__lista {
        grid-area: lista;
     }
    
    .categorias__destaques {
        grid-area: destaque;
    }
    
    .categorias__imagem {
        grid-area: imagem;
    }
}