@import url(reset.min.css);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url(font-awesome/css/font-awesome.min.css);

/* font-family: 'PT Sans', sans-serif; */

/* tipografia */
h1.logotipo a { text-align: center; }
#formasContato { font-family: "Trebuchet MS", sans-serif; }

#formasContato h1,
#formasContato p.agradecimento { font-weight: 700; }

#formasContato h1,
#formasContato p,
#formasContato p a { color: rgb(38,103,130); }
#formasContato p span.fa { color: rgb(255,174,59); }
#formasContato p.agradecimento { color: rgb(255,217,106); }

#formasContato p a { border-bottom: 1px dashed rgb(38,103,130); }
/* tipografia */

header { background: rgb(255,174,59); }
div#content {  }
html,body,#wrapper { height: 100%; }
header h1 a { display: inline-block; width: 100%; }

@media only screen and (min-width: 240px) {
	
	#formasContato p span.fa { color: rgb(255,217,106); }

	#formasContato { font-size: 75%; }
	#formasContato h1,
	#formasContato p { text-align: center; }
	#formasContato h1,
	#formasContato p.agradecimento { font-size: 2.5em; }
	#formasContato p { font-size: 1.5em; }

	body { background: rgb(255,174,59); }
	header, div#content { float: none; }
	header,
	header h1,
	header h1 a { height: 190px; }
	header h1 a img { height: 100%; }

	#formasContato h1,
	#formasContato p { margin-bottom: 15px; }

}

@media only screen and (min-width: 1024px) {
	
	body { background: #fff; }

	#formasContato p span.fa { color: rgb(255,174,59); }

	#formasContato { font-size: 120%; }
	#formasContato h1,
	#formasContato p { text-align: left; }

	#header, div#content { float: left; height: 100%; }
	header h1,
	header h1 a { height: 100%; }
	#header { width: 25%; }
	header h1 a img { width: 100%; }
	div#content { width: 75%; }
	
}

@media only screen and (min-width: 1100px) {

	#header { width: 29%; }
	div#content { width: 71%; padding: 5% 0 0 5%; }

	#formasContato h1,	
	#formasContato p { margin: 0 0 0.5em 0; }	
	#formasContato p.agradecimento { margin: 1.8em 0 0 0; }	

}