html {
	font-size: 80%;
}
body {
	background-image: url('../img/produtos/bg-produtos.png');
}
@media (min-width: 100px) and (max-width: 319px) {
	.header-produtos #bottom {
		padding-bottom: 1% !important;
	}
	.header-produtos img.logo {
        width: 40% !important;    
    }
/*	.infografico{
        padding-top: 50%;    
    }*/
    html {
        font-size: 60% !important;
    }
    .neg-margin {
    	margin-top: -25% !important;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
	.header-produtos img.logo {
        width: 40% !important;    
    }
	.header-produtos #bottom {
		padding-bottom: 8% !important;
	}
	.infografico{
        padding-top: 25%;    
    }
    html {
        font-size: 60%;
    }
    .neg-margin {
    	margin-top: -15% !important;
    }
    .title {
    	position: relative;
    	z-index: 999;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
	.header-produtos #bottom {
		padding-bottom: 0% !important;	
	}

    .header-produtos img{
        width: 40%;    
    }
    .infografico {
    	padding-top: 17% !important;
    }
    html {
        font-size: 80%;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
	.header-produtos #bottom {
		padding-bottom: 17% !important;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.header-produtos #bottom {
		padding-bottom: 0% !important;
	}
	.infografico {
    	padding-top: 42% !important;
    }
}

.header-produtos {
	background-image: url('../img/produtos/bg-topo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	text-align: center;
	/*height: px;*/
	/*margin-bottom: -210px;*/
	position: relative;
	z-index: 1;
} 

.header-produtos #bottom {
	padding-bottom: 9%;
}
.header-produtos img.diferencas, .header-produtos img.logo {

		padding-top: 3.5%;
	margin: 0 auto;
}
.infografico{
	position: relative;
	z-index: 999;
}

.infografico h2{
	text-transform: uppercase;
	/*white-space: pre;*/
}
.infografico h3{
	font-family: 'dinlight';
	font-size: 1.9em;
	color: #312c27;
}
.infografico h4{
	font-family: "dinlight";
	font-size: 1.3em;
	color: #312C27;
	padding-bottom: 2%;
}
.infografico h4.sub{
	font-size: 1.1em !important;
}
.infografico .row{
	margin: 0;
}
.header-produtos .row {
	margin: 0px;
}
.infografico .col-md-12, .col-md-8, .col-md-4, .infografico .col-lg-11, .infografico .col-md-11 , .infografico .col-sm-12 , .infografico .col-xs-12, .infografico .col-lg-10, .infografico .col-md-10 {
	padding: 0;
}
/*.infografico .divise-right-cafe {
	border-right: 6px dotted #603913;
}
.infografico .divise-left-cafe {
	border-left: 6px dotted #603913;
}*/
.infografico .cafes img{
	/*width: 80%;*/
}
.infografico .cafes{
	margin-top: -30%;
}
.infografico .product {
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
}
.infografico .product .row img{
	margin: 0 auto;
}
.infografico .product .row .title {
	height: 200px;
}
.infografico .product .row .title img{
	/*position: absolute;*/
	bottom: 0px;
	/*left: 15%*/
}
.infografico .product .row p {
	text-transform: uppercase;
	font-size: 1.6em;
	width: 90%;
	margin: 0px auto;
	padding-top: 7%;
	text-align: center;
	line-height: 30px;
}
.infografico .divise-cafe {
	padding-top: 4%;
}
.infografico .divise-cafe img{
	width: 100%;
	/*margin: 0 auto;*/
}
.infografico .po {
	text-align: center;
/*				background-image: url('../img/produtos/po-cafe-moide.png');
	background-repeat: no-repeat;
	background-position: top center;*/
	z-index: 999;
}
.infografico .po img{
	margin: 0 auto;
	z-index: 999;
	padding-left: 3%;
}
.infografico .torrado-moido img{
	margin: 0 auto;
	margin-top: -55px;
	z-index: 1;
}
.infografico .tipo-cafe {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.infografico .tipo-cafe img{
	margin: 0 auto;
}
.infografico .experimente-1 {
	background-image: url('../img/produtos/experiment-1-bg.jpg');
	background-color: #bb8b45;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}
.infografico .experimente-2 {
	background-image: url('../img/produtos/experiment-2-bg.jpg');
	background-color: #f2e6c9;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
}
.infografico .experimente-1 .content, .infografico .experimente-2 .content {
	padding-top: 10%;
}
.infografico .experimente-1 img, .infografico .experimente-2 img {
	margin: 0 auto;
	
}
.infografico .description {
	font-size: 20px;
	color: #e8d79b;
	padding-top: 10px;
	min-height: 181px;
}
.infografico .description p{
	font-family: 'dinlight';
	/*width: 80%*/
	font-size: 0.85em;
	/*text-align: justify;*/
}
.infografico .button {
	padding-top: 12%;
	padding-bottom: 7%;
}
.infografico .button a {
	text-decoration: none;
	border: 2px solid #e8d79b;
	color: #e8d79b;
	font-family: 'dinlight';
	font-size: 1.4em;
	padding: 2.55% 3.4%;
}
.infografico .experimente-2 .description, .infografico .experimente-2 .button a{
	color: #bb8b45;	
}
.infografico .experimente-2 .button a {
	border: 2px solid #bb8b45;	
}
.infografico .agende {
	text-align: center;
	padding: 70px 0px;
}
.infografico .agende img {

	margin: 0 auto;
}
.infografico .image-visite {
	padding-bottom: 100px;
}
.infografico .image-visite img{
	width: 100%;
}

.icon-cafe-pacote img {
	float: right !important;
}
.tipo-cafe h2 {
	font-size: 5.1em;
	line-height: 88px;
	padding-bottom: 3%;
}
.agende h2 {
	font-size: 5.1em !important;
	line-height: 88px;
	padding-bottom: 3%;
}