.container{width: 100% !important; display: block; margin: 0; padding: 0;}
section {width: 100% !important; height: auto; display: block; margin: 0; padding: 0;}
nav{width: 100%; padding: 0; margin: 0 auto}


@media (min-width:350px) and (max-width: 767px) {
    header {padding: 0;}
    header .box-header {max-width: 767px; margin: 0 auto; padding: 15px; text-align: left;}
    header .box-header .card-emp {float:right; width: auto; height: auto; margin: 0 0; border-radius: 10px; box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.171);}
    header .box-header .box-cont{padding: 0 100px 0 0; border: 0px solid greenyellow}
    header hgroup h1 {padding: 0 0 5px 0; font-weight: bold; font-size: 1em; font-family: "Michroma", serif; font-weight: 600; font-style: normal;}
    header hgroup h2 {padding: 0 0 5px 0; font-size: 1em}    
    header .box-header .box-cont .eddress {padding: 10px 0 0 0; font-weight: bold}
}
@media (min-width:768px){
    header {padding: 0;}
    header .box-header {max-width: 1200px; margin: 0 auto; padding: 15px; text-align: center;}
    header .box-header .card-emp {float: left; width: auto; height: auto; margin: 0 0 0 0; border-radius: 10px; box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.171);}
    header .box-header .box-cont{padding: 0 0 0 120px; border: 0px solid greenyellow}
    header hgroup h1 {padding: 0 0 5px 0; font-weight: bold; font-size: 1.5em; font-family: "Michroma", serif; font-weight: 600; font-style: normal;}
    header hgroup h2 {padding: 0 0 5px 0; font-size: 1.5em}    
    .box-header .box-cont .eddress {padding: 10px 0 0 0; font-weight: bold}
}



/*PAGE POSTS 6 OFERTA */
.topo {width: 100%; height: 50px; margin: 0; padding: 2px;}

.box_posts_6_oferta{width: 100% !important; margin: 0; height: auto; padding:  0 0 0 0; border-bottom: 0px solid #CCC; text-align: center;background: #f2f2f2;}
.page_posts_6_oferta {width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 0 0 0; background: none}
.page_posts_6_oferta nav {width: 100%; margin: 0; padding: 0;}
/*POST RETRATO*/
#box-post-1 {float: left; width: 22%; height: 333px; margin: 30px 0 0 2.4%; text-align: center; background: #FFF; box-shadow: 0px 0px 3px #CCC}  
#box-post-1 .box-img { width: 150px; height: 150px; margin: 0 auto; margin-top: 15px; overflow: hidden}
#box-post-1 .box-img img {height: 100%}
#box-post-1 .title {height: 60px; color: #069; padding: 10px 0 0 0; font-size: 0.9em; font-weight: bold}
#box-post-1 .valor {height: 45px; color: #333; font-size: 1.5em; font-weight: 600}
#box-post-1 .data { color: #333; font-size: 0.8em}
#box-post-1 .visitar {padding: 5px 0; background: #069; color: #FFF; font-weight: 500;}
#box-post-1 .visitar:hover {color: orange}

.sec-itens {background: #FFF}
.nav-itens {max-width: 1000px; margin-bottom: 30px;}
.nav-itens .p {width: 100%; padding: 30px 20px 0 20px; font-size: 1.3em; text-align: center; color: #000;}

/*GALERIA DE FOTOS*/
/*GRADE*/
#page-galery #myDIV { width: 100%}
#page-galery #myDIV ul li {background: black; width: 70px; height: 70px; margin: 0 15px 15px 0; overflow: hidden}
#page-galery #myDIV ul li img { float: left; width: 80px; margin: 0 0 0 -5px}
/*LISTA*/

#page-galery {padding: 15px 0}
#page-galery .tagline {color:#333}
#page-galery ul{width: 100%; height: auto; margin: 0; padding: 10px 0 0 0}
#page-galery ul li {float: left; width: 101px; height: 101px;  margin: 0 0 10px 10px; padding: 0; border: 1px solid #FFF; overflow: hidden; background: #000;}
#page-galery ul li img { height: 100%;}

@media (min-width: 110em) {

}
@media (min-width:61.250em) and (max-width: 90em) {/*75*/

    

    .page_posts_6_oferta {width: 55em}
    .page_posts_6_oferta .page_posts_tpl {}

    /*POST RETRATO*/
    #box-post-1 {width: 29%; height: 333px; margin: 30px 0 0 3%}

    .nav-itens {max-width: 900px;}
    .nav-p {max-width: 1000px;}

}

@media (min-width:38.7em) and (max-width: 61.250em) {
    

    .page_posts_6_oferta {width: 41em}
    .page_posts_6_oferta .page_posts_tpl { margin-bottom: 2em}

    /*POST RETRATO*/
    #box-post-1 {width: 29%; height: 333px; margin: 30px 0 0 3%}

}

@media (max-width: 38.688em) {
    /*<article class="topo-banner-6">*/

    header .card-emp {}/*border-radius: 10px margin: 5px 2% 30px 15%;*/
    header .box-header .box-cont {}


    .page_posts_6_oferta {width: 100%}
    .page_posts_6_oferta .page_posts_tpl{width: 47%; margin: 0 0 2em 2%}

    /*POST RETRATO*/
    #box-post-1 {width: 43%; height: 333px; margin: 30px 0 0 5%}

    /*<article class="art-itens">*/
    .nav-itens {width: 86%}

    /*<article class="art-itens art-page">*/
    .art-page {width: 94%; margin: 20px 3%; padding: 0;}
    .art-page .img {float: left; width: 100px; height: 100px; margin: 0 15px 0 0;}    
    .art-page .img img {width: 100px; height: auto}
    .art-page header .tit {font-size: 1em; padding-top: 5px}
    .art-page header .cont {font-size: 0.8em; padding-top: 10px}

    .box_posts nav .page_posts_tpl{width: 90%; margin: 5%}
    .page_posts_tpl .img {width: 100%; margin: 0}
    .box_posts nav .page_posts_tpl img {width: 100%;  margin: 0}
    .box_posts nav .page_posts_tpl header {float: left; width: 100%; padding: 10px;}

    .box_posts_6_anuncio article .img-post {width: 100%; margin: -21px 0 30px 0}
    .box_posts_6_anuncio article .img-post img {width: 100%;}
    .box_posts_6_anuncio article .title {padding: 16px 0 0 16px;}
}

@media (max-width: 32.438em) {
    .topo-ground {height: 80%;} 
    .topo-ground .pp {margin-top:28%;font-size:3em; line-height: 60px;}
    .lente-ground {height: 100%; z-index: -1}

    #box-post-1 {width: 46%; height: 333px; margin: 30px 0 0 3%;}  
}