/*@charset "UTF-8";*/
/* CSS Document */
 
@media screen and (min-device-width: 320px) and (orientation: portrait) {
   /*estilos*/

html, body {
	height: 100%;
	margin:0;
	padding:0;
	}
	
	#container {
	width:100%;
	height:100%;
	background:url(fundo.png);
	background-size:cover;
}
#content {
	width: 100%;
	margin: 0 auto;
}
#logo {
	float:left;
	width:75%;
	padding-top:10%;
	padding-left: 10%;
	}
}
	
	@media screen and (min-device-width: 640px) and (orientation: landscape){
   /*estilos*/

html, body {
	height: 100%;
	margin:0;
	padding:0;
	}
	
	#container {
	width:100%;
	height:100%;
	background:	url(CONTATO_site.jpg);
	background-size:cover;
}
#content {
	width: 100%;
	margin: 0 auto;
}
#logo {
	float:left;
	width:38%;
	padding-top:13%;
	padding-left: 18%;
	}
}
	
	
@media screen and (min-width: 1024px){
   /*estilos*/
	
	html, body {
	height: 100%;
	margin:0;
	padding:0;
	}
	#container {
	width:100%;
	height:100%;
	background:	url(CONTATO_site.jpg);
	background-size:cover;
}
#content {
	width: 100%;
	margin: 0 auto;
}
#logo {
	float:left;
	width:38%;
	padding-top:13%;
	padding-left: 18%;
	}	
	
	}