@media all and (min-width: 999px) and (max-width: 1280px){
    .logo{width: 110px;}
    .menuItem{width: 130px;}
    .menuItem a{padding: 10px 0}
    #sobre-nos article .mason-container{
            left: -7.46vw;
            width: 100vw;
    }
    #sobre-nos article .mason-container .mason-content{
        height: 34vh;
    }
    .session-adv{
        padding: 0px;
    }
    .box-adv{
        margin: 20px 0px;
    }
    .box-adv p{
        width: 24vh;
    }

    .template article{
        width: 74%;
        margin: 15px 20px;
    }
    /*
    aside.complemento{
        
    }
    */
    
}
@media all and (min-width: 721px) and (max-width: 998px){
    .logo{display: none;}
    .logoMobile{
        display: block;
        width: 35%;
        float: left;
    }
    .logMobile a img{
        width: 95%;
        margin: 0 auto;
    }
    .menu-mobile-container{display: block;}
    .menu{
        display: block;
        width: 100%;
    }
    .menu li > .itemMenu{
        font-size: 1.25em;
    }
    nav.box-menu{ display: none;}
    .parallax article{padding-top:40px;}
    #sobre-nos article p{
        width: inherit;
        float: none;
    }
    #sobre-nos article .mason-container{
        left: -7vw;
        width: 98vw;
        flex-direction: column;
    }
    #sobre-nos article .mason-container .mason-content{
        margin: 2px auto;
    }
    #sobre-nos article .mason-container .mason-content img{
        height: auto;
        width: 100%;
    }
    .session-adv{
        height: auto!important;
        display: grid;
        grid-template-columns: auto auto;
    }
    .box-adv{
        margin: 5px;
    }
    .box-adv:last-child{
        grid-column: 1 / span 2;
        margin: 5px auto;
    }
    .box-adv > .content-adv {
        margin: 10px 20px;
    }
    .box-adv p{
        font-size: 1.02em;
        width: 38vw;
        margin-bottom: 4px;
    }
    .box-noticia {
        width: 41vw;
        height: 300px;
        padding: 5px 10px;
    }
    .box-noticia figure{
        display: none;
    }
    .box-noticia-conteudo {
        margin: 5px auto 19px;
        width: 100%;
    }
    .noticia-imgbox{
        width: 42vw;
    }
    .noticia-imgbox > figure > .img_artigo{
        float: left;
        height: 32vh;
        margin-top: 41vh;
    }
    .noticia-imgbox > figure > div > img{
        float: left;
        height: 100%;
    }
    .noticia-imgbox > figure > .logonoticia {
        padding:20vh 12vw!important;
    }
    .noticia-imgbox > figure > .logonoticia > img{
        width: 18vw!important;
        margin-top: -10px!important;
    }
    .noticia-imgbox .caption-text{
        padding: 15px;
    }
    .noticia-imgbox .caption-text h3{
        text-transform: uppercase;
        font-weight: 600;
    }
    .noticia-imgbox .caption-text p.regular-font{
        font-size: 0.93em;
        margin: 0 auto;
        width: auto;
        text-align: justify;
        padding:5px;
    }
    .servicos-container{
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-around;
    }
    .servicos-box:last-child{
        grid-column: 1 / span 2;
    }
    .lincontato{
        height: 6vh;
    }
    .subcontato{
        height: 100%!important;
        padding: 20px 0 25px!important;
    }
    footer{
        height: auto;
    }
    footer div.copy{
        line-height: 6vh;
        width: 100%;
    }
    footer div.developer{
        float: none;
        text-align: center;
    }
    /*

    .template article{
        width: 87%;
        height: auto;
        min-height: 100%;
        text-align: center;
        margin: 5vh auto;
        padding: 20px 20px 20px;
        left: 0;
        background-color: white;
    }
    aside.complemento{
        position: inherit;
        top: 0;
        right: 0;
        width: 87vw;
        margin: 0 auto;
    }
    */
    
}
@media all and (min-width: 421px) and (max-width: 720px){
    .logo{display: none;}
    nav.box-menu{ display: none;}
    .logoMobile{
        display: block;
        width: 35%;
        float: left;
    }
    .logMobile a img{
        width: 95%;
        margin: 0 auto;
    }
    .menu-mobile-container{display: block;}
    .menu{
        display: block;
        width: 100%;
    }
    .menu li > .itemMenu{
        font-size: 1.25em;
    }
    .menu li.index > a > .itemMenu{
        list-style-type: none;
        text-align: center;
        padding-top: 15px;
        font-weight: bolder;
        font-size: 1.25em;
        color: #c1c1c1;
        margin: 0 auto;
        border-top: 1px solid #fff;
    }
    .parallax article{padding-top:40px;}
    #sobre-nos article p{
        width: inherit;
        float: none;
    }
    #sobre-nos article .mason-container{
        left: -7vw;
        width: 98vw;
        flex-direction: column;
    }
    #sobre-nos article .mason-container .mason-content{
        margin: 2px auto;
    }
    #sobre-nos article .mason-container .mason-content img{
        height: auto;
        width: 100%;
    }
    .session-adv{
        height: 100%;
        width: auto;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    .box-adv > .content-adv {
        width: 65vw!important;
    }
    .box-adv p{
        width: 30vw;
        font-size: 0.92em;
    }
    .container-flex{
        height: 100%;
        flex-direction: column;
    }
    .container-flex .noticia-imgbox{
        margin-bottom: 5px;
    }
    .info-adv{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .boxcontent-noticiaDestaque {
        width: auto;
        height: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    .box-noticia{
        width: 85vw;
        height: auto;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
    .box-noticia figure{
        width: 100%;
        height: 165px;
    }
    .box-noticia > figure > div{ padding: 15vw 0!important;}
    
    .box-noticia-conteudo{ width: 85%;}
    .noticia-imgbox{
        width: 85vw;
    }
    .noticia-imgbox > figure > div.logonoticia{
        padding: 16vw 33%!important;
        display: inline-flex;
        align-items: center;
    }
    .servicos-container{
        flex-direction: column;
    }
    .parallax#contato{
        top: 15vh;
    } 
    .lincontato{
        height: 8vh;
    }
    .subcontato{
        height: 100%!important;
        padding: 20px 0 25px!important;
    }
    .form-contato > form{
        height: 400px;
        display: block;
    }
    footer{
        padding: 0 4vw 21vh 4vw;
        height: auto;
        line-height: 5vh;
    }
    footer div.copy{
        width: 100%;
        line-height: 6vh;
    }
    footer div.developer{
        width: 100%;
        text-align: center;
    }
    .template {
        top: 17vh !important;
    }
    .template article{
        width: 95%;
        min-height: auto;
        height: 100%;
        margin: 0 auto!important;
        padding: 5px;
        background-color: white;
    }
    aside.complemento{
        position: relative;
        margin: 20px auto 40px;
        width: 90%;
        right: 0;
        height: 100%;
    }
 
}
@media all and (max-device-width: 420px){
    .logo{display: none;}
    nav.box-menu{ display: none;}
    .logoMobile{
        display: block;
        width: 35%;
        float: left;
    }
    .logMobile a img{
        width: 95%;
        margin: 0 auto;
    }
    .menu-mobile-container{display: block;}
    .menu{
        display: block;
        width: 100%;
    }
    .menu li > .itemMenu{
        font-size: 1.25em;
    }
    .menu li.index > a > .itemMenu{
        list-style-type: none;
        text-align: center;
        padding-top: 15px;
        font-weight: bolder;
        font-size: 1.25em;
        color: #c1c1c1;
        margin: 0 auto;
        border-top: 1px solid #fff;
    }
    .parallax article{padding-top:40px;}
    #sobre-nos article p{
        width: inherit;
        float: none;
    }
    #sobre-nos article .mason-container{
        left: -7vw;
        width: 98vw;
        flex-direction: column;
    }
    #sobre-nos article .mason-container .mason-content{
        margin: 2px auto;
    }
    #sobre-nos article .mason-container .mason-content img{
        height: auto;
        width: 100%;
    }
    .session-adv{
        height: 100%;
        width: auto;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
    .info-adv{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .boxcontent-noticiaDestaque {
        width: auto;
        height: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    .container-flex{
        height: 100%;
        flex-direction: column;
    }
    .container-flex .noticia-imgbox{
        margin-bottom: 5px;
    }
    .box-noticia{
        width: 85vw;
        height: auto;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
    .box-noticia figure{
        width: 100%;
        height: 165px;
    }
    .box-noticia > figure > div{ padding: 15% 0!important;}
    .box-noticia-conteudo{ width: 85%;}
    .noticia-imgbox{
        width: 85vw;
    }
    .noticia-imgbox > figure > img{padding: 15 0!important;}
    .servicos-container{
        flex-direction: column;
    }
    .parallax#contato{
        top:17vh;
    } 
    .lincontato{
        height: 8vh;
    }
    .subcontato{
        height: 100%!important;
        padding: 20px 0 25px!important;
    }
    .form-contato > form{
        height: 400px;
        display: block;
    }
    footer{
        padding: 0 4vw 21vh 4vw;
        height: auto;
        line-height: 5vh;
    }
    footer div.copy{
        width: 100%;
        line-height: 6vh;
    }
    footer div.developer{
        width: 100%;
        text-align: center;
    }
    .template {
        top: 17vh !important;
    }
    .template article{
        width: 95%;
        min-height: auto;
        height: 100%;
        margin: 0 auto!important;
        padding: 5px;
        background-color: white;
    }
    aside.complemento{
        position: relative;
        margin: 20px auto 40px;
        width: 90%;
        right: 0;
        height: 100%;
    }
    
}