/*@import url("//hello.myfonts.net/count/2bc0e0");*/

  
	@font-face {font-family: 'NexaBold';
	src: url('/includes/fonts/Nexa Bold.otf');
	}
	
	@font-face {font-family: 'NexaLight';
	src: url('/includes/fonts/Nexa Light.otf');}
body{
		background: #c3cfdc; /* Old browsers */
background-image: -moz-linear-gradient(top, #c3cfdc 0%, #d6dee8 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3cfdc), color-stop(100%,#d6dee8)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #c3cfdc 0%,#d6dee8 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, #c3cfdc 0%,#d6dee8 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, #c3cfdc 0%,#d6dee8 100%); /* IE10+ */
background-image: linear-gradient(to bottom, #c3cfdc 0%,#d6dee8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3cfdc', endColorstr='#d6dee8',GradientType=0 ); /* IE6-9 */
}

#mast-head {
font-family:HelveticaNeueLTStd-UltLt;
color:#fff;
background: url(../images/AEROSUD-splash-page-3-WEB.jpg)  no-repeat center center fixed; 
background-size: cover;
height: 100%; 
max-width:100%;
text-shadow: 2px 1px 1px #777;
}

body{
	padding:0px;
	margin:0px;
}

a{
	text-decoration:none
}
.bottom{
	left:34%;
	max-width:100%;
	bottom:3%;
	position:absolute;
}
.bottom h3{
	margin:0px;
	color:#fff !important;
	font-size:32px !important;
}

.top{
	left:29%;
	max-width:100%;
	top:5%;
	position:absolute;
	font-size:40px;
}
.top h3{
	margin:0px;
	color:#fff !important;
	font-size:60px !important;
	height:60px;
	
}

.top1 h2{
	margin:0px;
	color:#1c3f94 !important;
	font-size:40px !important;
	height:60px;
	text-shadow: 2px 1px 1px #ccc;
}

.top1{
	left:26%;
	max-width:100%;
	top:14%;
	position:absolute;
	font-size:40px;
}


.logo{
	position:absolute;left:45%;bottom:12%
}

@media (max-width: 1000px) {
	
	.bottom h3{
		font-size:32px !important;
	}
	.top h3{
		font-size:55px !important;
	}
	.logo{
		left:40%;
	}
	.bottom{
		left:25%;
	}
	.top{
		left:20%;
		top:12%;
	}
	.top1{
		left:5%;
		top:18%;
	}
}
@media (max-width: 600px) {
	
	.bottom h3{
		font-size:32px !important;
	}
	.top h3{
		font-size:55px !important;
	}
	.logo{
		left:40%;
	}
	.bottom{
		left:25%;
	}
	.top{
		left:20%;
		top:12%;
	}
	.top1{
		left:5%;
		top:18%;
	}
}

@media (max-height: 600px) {
	
	.bottom h3{
		font-size:32px !important;
	}
	.top h3{
		height:40px;
		font-size:40px !important;
	}
	.logo{
		bottom:40%;
		left:40%;
	}
	.bottom{
		left:25%;
	}
	.top{
		left:20%;
		top:0%;
	}
	.top1{
		left:5%;
		top:1%;
	}
}