@charset "UTF-8";

@media screen and (min-width: 800px)/* and (max-width: 1000px)*/{
    button#menu{
        display: none;
    }

    header nav{
        position: static;
        flex-direction: row;
        max-height: none;
        opacity: 1;
        background: none;
        backdrop-filter: none;
    }

    header nav a{
        margin: 0 10px;
    }

    header > div{
        width: auto;
        padding-right: 0px;
    }


        

    article.hd{
        height: 500px;
    }
    article.sobre{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    article.sobre{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center; /* ← ISSO resolve o seu problema */

        max-width: 1400px;
        margin: auto;
    }

    article.sobre h1{
        width: 100%;
    }

    article.sobre p{
        width: 50%;
        display: inline-block;
        padding: 40px;
        max-width: 630px;


    }

    article.sobre div{
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        width: 50%;
        padding: 40px;

    }

    article.sobre div p{
        width: 100%;
        padding: 0px;
    }

    article.sobre img{
        width: 50%;
        max-width: 450px;
        margin: 30px 0px 30px 0px;
        border-radius: 10px;
    }


    article.obj{
        flex-flow: row wrap;
    }
    article.obj h1{
        width: 100%;
    }
    article.obj div.container{
        margin: 0px 50px 50px 50px;
    }

    /*------------------------article.serv----------------------------*/

    article.serv aside{
        max-width: 1000px;
        margin: auto;
        height: 800px;
    }

    article.contato aside{
        max-width: 800px;
        margin: auto;
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }

    article.contato aside > div{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    article.contato div.nuns{
        width: 300px;
        display: flex;
        justify-content: space-between;
    }

    article.contato div.cont svg{
        margin-right: 20px;
    }
}