@media only screen and (max-width : 1200px){
    /* Menu */
    .lateralE{
        grid-area: 1 / 1 / span 1 / span 2;
        height: 7vh;
        border-right: none;
        flex-direction: row;
        justify-content: space-between;
    }
    .menu{
        display: flex;
        gap: 3rem;
        line-height: 0;
    }
    .menu li{
        display: flex;
    }
    .btnNoturno{
        position: initial;
    }

    /* Centro */
    .centro{
        grid-area: 2 / 1 / span 1 / span 2;
        height: 93vh;
    }

    /* Lateral do perfil */
    .lateralD{
        grid-area: 1 / 3 / span 2 / span 1;
        height: 100vh;
    }
}
@media only screen and (max-width : 920px){
    /* centro */
    .centro header{
        height: 30rem;
    }
    .projetos{
        gap: 4rem;
    }
    .projeto{
        flex-direction: column;
    }
    .decricaoProj{
        padding: 1rem 0;
        gap: 2rem;
    }
    form{
        display: flex;
        flex-direction: column;
        gap: 5px;
        color: #ffffff;
        width: 400px;
    }
    .laptop{
        display: none;
    }
}
@media only screen and (max-width : 750px){
    /* Menu */
    .lateralE{
        position: absolute;
        width: 100vw;
        z-index: 100;
        height: 60px;
    }
    .centro{
        padding-top: 20px;
        height: 94.5vh;
    }
    .btnPerfil{
        display: flex;
    }
    .lateralD{
        grid-area: 2 / 1 / span 1 / span 3;
        width: 100vw;
        height: 94.5vh;
        display: none;
        padding-top: 80px;
    }
    .info{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
}
@media only screen and (max-width : 500px){
        /* Menu */
        main{
            height: auto;
        }
        .menu{
            display: flex;
            gap: 1rem;
            padding: 0;
        }
        .btnNoturno{
            position: initial;
        }
}