body {margin:0; padding:0; font-family: Montserrat, Arial, sans serif; font-size:18px; min-height: 100vh;}

.banner {
	background-image: url('../img/azul.png');
	background-size: cover;
	background-position: center;
	width: 100vw;
	height: 23em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: calc(-50vw + 50%);
	margin-top: 0;
	position: relative;
	top: 0;
}

.banner-text {
	font-size: 2em;
	line-height:1.25em;
	font-weight: bold;
	color: white;
	max-width: 85%;
	text-align: center;
}


h2 {font-size:1.5em; font-weight: bold; text-transform: uppercase; color:  #0a3a48;}
h3 {font-size:1.125em; font-weight: bold; text-transform: uppercase; color: #0a3a48}




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

	body {font-size: 16px;}
	.banner {height:22em;}
	h2 {font-size:1.25em; font-weight: bold; text-transform: uppercase;}
	h3 {font-size:1.1em; font-weight: bold; text-transform: uppercase;}
	.banner-text {font-size: 1.75em; max-width: 85%;}

}