@charset "UTF-8";

@media screen and (min-width: 679px) and (max-width:2300px){

    header{
        display: block;
        width: 720px;
        margin: auto;
        text-align: left;
        padding-left: 28px;
    }
    
    header > h1{
        font-size: 45px;
    }

    #about{
        margin-top: -10px;
    }

    main{
        display: block;
        width: 1200px;
        margin: auto;
        margin-top: 50px;
    }

    #apoia > h1{
        margin-top: 50px;
    }

    #destaque{
        width: 700px;
    }

    main img{
        width: 600px;
    }

    main > section{
        display: flex;
        margin-top: 60px;
        margin-left: 50px;
        width: 1200px;
    }

    .thumb > img{
        width: 400px;
    }

    .section-infos{
        display: block;
        width: 500px;
        margin-left: 30px;
        margin-top: 0px;
        text-align: justify;
    }

    .section-infos > a > h1{
        margin-top: 20px;
        font-size: 4.5vh;
    }

    h1{
        font-size: 4.5vh;
    }
}