@media screen and (min-width:899px){
    nav{
        justify-content: center;
    }
    .menu{
        width: 80%;
        position: inherit;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        padding: 1rem 0.8rem;
        opacity: 1;
    }
    .dropdown-menu{
        position: relative;
    }
    .links-dropdown{
        width: 19rem;
        padding: 2rem;
        background-color: var(--color-brand-gray);
        /* display: block; */
        position: absolute;
        top: 3rem;
        left: 0rem;
    }
    .linkmenu{
        padding: 1rem;
        display: flex;
        align-items: center;
        cursor: pointer;
        & i{
            display: flex;
            color: var(--color-brand-blue);
            transition: all .3s ease;
        }
        & a{
            color: var(--color-brand-blue);
            font-weight: 600;
            transition: all .3s ease-in;
        }
    }
    .btn-matrículas{
        background-color: #F2ED4F;
        margin-left: 3.2rem;
        width: 12rem;
        font-size: 1.6rem;
        margin-top: 0rem;
    }
    .btn-matrículas:hover{
        background-color: #fffcae;
    }
    .toggle-menu{
        display: none;
       
    }

    /* banner-hero main */
    main .container .banner-hero{
        flex-direction: row;
    }
    main .container .personagem{
       
        margin-right: 3.2rem;
        
    }
    main .btn-matrículas{
        margin: 0;
        margin-top: 2.4rem;
        background-color: var(--color-brand-red);
    }
    .historia{
        padding: 10rem; 
    }
    .historia .conainer-hitoria{
        flex-direction: row-reverse;
        gap: 4rem;
    }
    .historia .conainer-hitoria .container-text {
        width: 100%;
        max-width: 54rem;
        text-align:start;
        align-items: start;
        & p{
            text-align:start;
            align-items: start;
        }
        & a{
            width: 20rem;
            margin: 0;
            margin-top: 2.4rem;
        }
    }
    .ensino .container-ensino{
        flex-direction: row;
        gap: 2rem;
    }
    .galeria .container-img {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .galeria .container-galeria .btn-galeria{
        display: none;
    }
    .container-img .foto{
        display:flex;
    }
    footer .container .infor-logo {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 4rem;
        flex-direction: row;
    }
    footer .container .infor-logo .map iframe{
        width: 70rem;
        height: 30rem;
    }
    footer .container .redes-sociais{
        padding-left: 23rem;
    }

}
@media screen and (min-width:999px){


}