.eng-txt, .subtitulo, .w3-container{position:relative; float:left; width:100%; font-weight:normal;}
.eng-txt .titulo, .subtitulo2 {font-family:'Open Sans Condensed',Arial,Helvetica,sans-serif;} 
.eng-txt .titulo {display:table; width:calc(100% - 40px); height:56px; margin:0 auto; padding:0 20px; font-size:35px; color:#fff; font-weight:700; margin-top:30px; text-align:center; line-height:1.7;background: url(../imagens/bkg-titulo-conteudo.jpg) repeat-x;}
.eng-txt .subtitulo {display:table; width:calc(100% - 40px); margin:0 auto; padding:20px 20px; font-size:21px; color:#818181; font-weight:500; text-align:center; margin-top:20px;}
.eng-txt .subtitulo strong {font-weight:normal;}

.subtitulo, .subtitulo2 {width:100%;text-align:justify; font-size:19px; color:#656565;}
.subtitulo{margin-top:30px;}
.w3-container {margin-top:60px;}
.subtitulo2 {width:100%; text-align:center; font-size:36px; color:#deb521; font-weight:normal; margin-top:40px; border-top:3px solid #cbcbcb; padding-top:25px;}

.eng-box, .eng-prods {display:block; float:left; width:100%; text-align:center;}
.box-prod {display:inline; float:left; width:226px; height:286px; margin-left:10px; background:url(../imagens/img-prod.jpg) top no-repeat; margin:30px 0 0 41px;}
.box-prod .img_prod {display:block; float:left;}
.box-prod .bp-prod {display:block; float:left; background:url(../imagens/nm-prod.jpg) no-repeat; width:226px; min-height:52px; margin-top:8px; font-size:16px; color:#4e4e4e; text-align:center; font-family:'impact',Arial,Helvetica,sans-serif; text-align:center; padding:10px 0; line-height:2.5;}
.eng-box .txt{display:block; width:100%; font-size:21px; color:#515151; text-align:center; line-height:1.7;}
.container , .container2 {display:inline; float:left; width:358px; height:205px; background:url(../imagens/box-home.jpg) no-repeat; margin:40px 0; margin-right:19px;}
.container2 {float:right; margin-right:0;}
.container h2 , .container2 h2 {display:block; float:left; min-width:60px; background:#f2cb3f; color:#fff; padding:0 10px; font-size:36px; font-weight:normal; margin-top:10px;}
.container p , .container2 p {display:block; float:left; width:calc(100%-50px); padding:0 25px; font-size:22px; color:#fff;}

.eng-prods {padding:20px 0; border-top:1px solid #ccc;}
.subtitulo-prod {display:block; float:left; width:100%; text-align:center; height:30px; margin:39px 0 20px 0;}
.box-prod2 {display:inline-block; width:121px; height:121px;  border:2px solid #CCC; margin:30px 10px;}
.box-prod2 .div {position:relative; float:left; width:auto; height:auto;}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 121px; width: 121px; opacity: 0; transition: .5s ease; background-color: #008CBA;}
.box-prod2:hover .overlay {opacity: 1;}
.text {color: white; font-size: 20px; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.txt-prod {display:block; float:left; width:100%; text-align:center; border-top:1px solid #ccc; padding:20px 0;}
.txt-prod ul {display:inline-block; width:auto; list-style-type:square;}
.txt-prod strong {display:block;}
.txt-prod strong, .txt-prod li{width:100%;}
.txt-prod li{width:auto;}


@media only screen and (min-width: 980px) and (max-width: 1169px) {
.box-prod {margin-left:6px;}
.container, .container2 {width:458px; background:#f7d03f;}
.container h2, .container2 h2 {background:#f7d03f;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.box-prod {margin-left:17px;}
.container, .container2 {width:100%; background:#f7d03f; float:left;}
.container h2, .container2 h2 {background:#f7d03f; width:100%; padding:0; text-align:center;}
.container p, .container2 p {text-align:center; width:calc(100% - 50px);}
}
@media only screen and (min-width: 667px) and (max-width: 767px) {
.box-prod {margin-left:67px;}
.container, .container2 {width:100%; background:#f7d03f; float:left;}
.container h2, .container2 h2 {background:#f7d03f; width:100%; padding:0; text-align:center;}
.container p, .container2 p {text-align:center; width:calc(100% - 50px);}
}
@media only screen and (min-width: 480px) and (max-width: 666px) {
.box-prod {margin-left:1px;}
.container, .container2 {width:100%; background:#f7d03f; float:left;}
.container h2, .container2 h2 {background:#f7d03f; width:100%; padding:0; text-align:center;}
.container p, .container2 p {text-align:center; width:calc(100% - 50px);}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.eng-txt {width:100%;}
.eng-txt .titulo {line-height:1;}
.container, .container2 {width:100%; background:#f7d03f; float:left; height:auto; padding-bottom:20px;}
.container h2, .container2 h2 {background:#f7d03f; width:100%; padding:0; text-align:center; margin-top:20px;}
.container p, .container2 p {text-align:center; width:calc(100% - 50px);}
}