html{
  height: 100%; 
}
body{
	font-family: 'Open Sans', sans-serif;
	height: 100vh;
	background: url(../img/bg_site.jpg) no-repeat center center;
	color: #1b1b1b;
}
#conteudo{
	position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.textos h1{
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
}
.textos h2{
	font-size: 23px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 35px;
}
.itens{
	margin-top: 30px;

}
.itens p{
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.marca{
	text-align: center;
	margin-top: 35px;
}
.info{
	text-align: center;
	margin-top: 40px;
}
.info img{
	width: 40%;
}
/*.info-contatos h3{
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}
.info-contatos p{
	font-weight: 700;
	font-size: 18px;
	margin: 0;
}
.info-contatos .email{
	font-weight: 400;
	font-size: 14px;
	font-style: italic;
}
.sociais{
	font-size: 15px;
}
.endereco{
	float: left;
}
.endereco p{
	margin: 0 !important;
}
.endereco h3{
	font-size: 18px;
	font-weight: 700;
}*/

 /*---------- RESPONSIVO -----------*/
 @media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 990px) and (max-width: 1200px) {
    .info img {
    	width: 50%;
    }	
}

@media only screen and (min-width: 767px) and (max-width: 990px) {
    .info img {
    	width: 65%;
	}
}

@media only screen and (max-width: 768px) {
    .textos h1 {
    	font-size: 19px;
    }
    .textos h2 {
    	font-size: 18px;
    }
    .itens p {
    	font-size: 15px;
    }
    .info img {
    	width: 100%;
    	margin-bottom: 20px;
    }
    
}

@media only screen and (max-width: 480px) {

}