@charset "utf-8";
/* CSS Document */

html, body {margin:0; height:95%;}
body
{
	background:url(../img/fundo.jpg) no-repeat center center fixed;
	background-size:cover;
	color:#000;
	text-align:center;
}
a{
	text-decoration:none;
	color:#900;
	font-size:18px;
	line-height:25px;}
#principal
{
	width:900px;
	margin:0 auto;
	height:98%;}
ul{
	list-style:none;
	margin:0;
	padding:0;}
#menu{
	width:100%;
	height:110px;
	margin:0;
	border-bottom:#666 1px solid;}
.logo {
	float:left;
	width:20%;
	margin-top:12px;
	margin-left:10px;
	text-align:center;
}
.whatsapp{
	width:70%;
	text-align:right;
	float:right;
	font-size:20px;
	margin-top:12px;
	padding-top:5px;
	padding-right:20px;
	color:#900;
	}
.whatsapp img{
	vertical-align:-10px;
	height:30px;}
.titulo{
	display:block;
	float:left;
	width:100%;
	}
#conteúdo{
	width:100%;
	padding-bottom:10px;
	margin-top:10px;}
.lousas{
	display:block;
	float:left;
	width:100%;
	margin-top:10px;}
.lousas ul li{
	display:block;
	float:left;
	width:48%;
	margin-left:1%;
	height:300px;}
.lousas ul li.verso{
	height:250px;}
.lousas ul li img{
	width:90%;}
.lousas ul li.verso img{
	width:70%;}
.texto{
	display:block;
	float:left;
	width:100%;
	font-size:18px;}
#precos{
	width:100%;
	display:block;
	float:left;}
#precos ul li{
	width:48%;
	margin-left:1%;
	display:block;
	float:left;
	font-size:25px;
	height:100%;}
#contato{
	width:100%;
	display:block;
	float:left;
	margin-top:20px;}

@media screen and (min-width: 769px) and (max-width: 1000px) {
	body
	{
		background:none;
	}
	#principal
	{
		width:98%;
		margin:0 auto;
		height:100%;}
	#menu{
		position:inherit;
		height:110px;
		width:98%;
		left:0;}
	#conteúdo{
		font-size:25px;
		margin-top:0;}
}
@media screen and (max-width: 768px){
	body
	{
		background:none;
	}
	#principal
	{
		width:98%;
		margin:0 auto;
		height:100%;}
	#menu{
		position:inherit;
		height:110px;
		width:98%;
		left:0;}
	#conteúdo{
		font-size:20px;
		margin-top:0;}
}
@media screen and (max-width: 480px){
	#menu{
		position:inherit;
		height:210px;
		width:98%;
		left:0;}
	.logo{
		width:100%;
	}
	.logo img {
		width:30%;
	}
	.whatsapp{
		width:98%;}
	#conteúdo{
		font-size:20px;
		margin-top:0;}
	#conteúdo a{
		font-size:25px;}
	.lousas ul li{
		display:block;
		float:left;
		width:100%;
		margin-left:0;
		margin-bottom:5px;
		height:100%;}
	.lousas ul li.verso{
		height:100%;}
	.lousas ul li img{
		width:90%;}
	.lousas ul li.verso img{
		width:70%;}
}