@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Muli:400,700|Open+Sans:300,400');


.spacer {padding-bottom: 20px;}

html,body {
    height:100%;
    padding:0;
    margin:0;
}


.cta {width: 170px; height: 40px; padding:8px; background:#FFF; text-align: center; font-family: 'Muli', sans-serif; font-weight: 600; font-size: 1.8rem; color:#220351;}
.cta:link {background: #000000;color:#fff;}
.cta:visited {background: #000000;color:#fff;}
.cta:hover {background: #000000;color:#BDC6D1;}
.cta:active {background: #000000;color:#fff;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.headerArea {width: 100%; min-height:600px; padding: 150px 0; background-color: #091a46; background-image:url('../images/headerHero.jpg'); background-repeat:no-repeat; background-position: top center; background-size: cover; /*background-attachment: fixed;*/ }

.aelogo {width:377px; height: auto; padding:0 0 50px 0;
	-webkit-filter: drop-shadow(1px 1px 5px rgba(6,18,58,0.9));
	filter: drop-shadow(1px 1px 5px rgba(6,18,58,0.9));
}
.headerArea p {color: white; font-size: 2.5rem; font-weight: 400;letter-spacing: .15rem; text-shadow: 1px 1px 5px #000000, 1px 1px 10px #000000;
}
.interrupt {width: 100%; height: 325px; padding: 90px 0; background: url(../images/telescopeTrans.jpg) no-repeat no-repeat center center fixed; margin: 0 auto;}

h1,h2,h3,h4,h5 {font-family: 'Muli', sans-serif; font-weight: 400;}
h2 {font-size: 2.5rem; line-height: 3rem; padding: 0 0 20px 0;}
h5 {font-size: 2rem; line-height: 3rem;}
p {font-family: 'Open Sans', sans-serif; text-align: left;}
body {font-family: 'Open Sans', sans-serif;}

ul {margin: 0; padding: 0;}
li { height:90px;list-style: none outside none; margin: 0 0 0 0;padding: 0 0 10px 0;text-align: left;}
.spacerTop {margin-top: 80px;}
.spacerBottom {margin-bottom: 80px;}

.waypointIcon {
 margin: 0 auto;
width:auto; height: auto;
}
.multiply img {mix-blend-mode: multiply; background-blend-mode: multiply;}

.aeFooter {background: #f4f4f4; padding: 60px 0 0 0;}


@media (max-width: 768px) {
li { height:70px;text-align: center;}
}
@media (max-width: 640px) {
	.headerArea {width: 100%; padding: 150px 0; background-color: #091a46; background-image:url('../images/headerHero.jpg'); background-repeat:no-repeat; background-position: top center; background-size: cover; 
	height: -moz-calc(80% - 20px);
    height: -webkit-calc(80% - 20px);
    height: calc(80% - 20px);
    display:block }
	p {line-height: 2.4rem; text-align: center;}
	.aelogo {width:90%; height: auto; margin: 0 auto;}
	li { height:auto;list-style: none outside none; margin: 0 0 0 0;padding: 0 0 40px 0;text-align: center;}
.spacerTop {margin-top: 40px;}
.spacerBottom {margin-bottom: 40px;}
	.interrupt {width: 100%; height: 325px; padding: 90px 0; background: url(../images/telescopeTrans.jpg) no-repeat no-repeat center center; background-size: cover;}


}