header {width: 100%; height: 100%; background-image: url(../img/header.jpg);
	background-attachment:fixed;background-repeat: no-repeat;background-position: center center; background-size: cover}

header #titulo {width: 620px; margin: 0 auto; top:50%; left: 50%; 
	position: absolute; margin-left:-310px; margin-top: -90px; }
	h1 {font-family: 'Lato', sans-serif; font-size: 80px; font-weight: 100; color: #fff; padding: 0px; 
	text-align: center; line-height: 80px}
	h1 b {font-family: 'Lato', sans-serif; font-weight: 700; color: #3893ca; opacity: .8}
	#titulo p {color: #fff; font-family: 'Lato', sans-serif; font-weight: 100; text-transform: uppercase; 
	text-align: justify; font-size: 13px; opacity: .8}

@media screen and (max-width:630px) {
	header {height: 500px; margin: 0 auto;  }
	header #titulo {width: 90%;  top:0%; left: 0%; margin-left:30px; margin-top: 150px;}
	header h1 {width: 95%; font-size: 60px; margin: 0 auto; top:0px; left: 0px}
	#titulo p {color: #fff; font-family: 'Lato', sans-serif; font-weight: 100; text-transform: uppercase; 
	text-align: justify; font-size: 13px; opacity: .8;}
}

@media screen and (max-width:500px) {
	header {height: 500px; margin: 0 auto;  }
	header #titulo {width: 90%;  top:0%; left: 0%; margin-left:20px; margin-top: 150px;}
	header h1 {width: 95%; font-size: 45px; margin: 0 auto; top:0px; left: 0px; }
	#titulo p {color: #fff; font-family: 'Lato', sans-serif; font-weight: 100; text-transform: uppercase; 
	text-align: justify; font-size: 13px; opacity: .8;}
}

@media screen and (max-width:400px) {
	header {height: 500px; margin: 0 auto;  }
	header #titulo {width: 90%;  top:0%; left: 0%; margin-left:15px; margin-top: 100px;}
	header h1 {width: 95%; font-size: 35px; margin: 0 auto; top:0px; left: 0px; }
	#titulo p {color: #fff; font-family: 'Lato', sans-serif; font-weight: 100; text-transform: uppercase; 
	text-align: justify; font-size: 13px; opacity: .8;}
}