body{
	margin:0;
}
section{
	margin: 0 auto;
	margin-top: 100px;
	max-width: 900px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

h1{
	font-size: 3.5em;
	color: #333644;
	font-weight: 300;
	text-align: right;
	width: 100%;
	margin: 0 3%;

}

h2{
	font-size: 2.25em;
	color: #333644;
	font-weight: 300;
	text-align: right;
	margin:.5% 3%;
	width: 100%;
}

.description{
	font-size: 1.5em;
	font-weight: 200;
	text-align: right;
	width: 80%;
	margin-right: 3%;
	margin-left: auto;
	margin-top: 3%;
	line-height: 1.4;

}

.info{
	font-size: 1.25em;
	font-weight: 200;
	width: 78%;
	margin-left: 0;
	margin-top: 2%;
	margin-bottom: 2%;
	line-height: 1.4;
	text-align: left;
}

.banner{
	width: 94%;
	align-self: center;
	margin-bottom: 4%;
	/*max-width: 770px;*/
}

.full{
	width: 78%;
	padding: 1%;
	margin: 0 auto;
	align-self: center;
}

.half{
	width: 36%;
	justify-content: center;
	align-self: center;
	padding: 1%;
}

header{
	display: none;
	text-align: center;
}



@media only screen and (max-width: 715px) {
	header{
		display: initial;
	}

	.headerName{
	display: none;
	/*visibility: visible;*/
	opacity: 0;
	margin: 0 auto;
	width: 38%;
  	/*transform: scale(0);*/
  	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
  	/*animation: anim .3s ease-in-out;*/
}

.headerimg{
	/*display: none;*/
	width: 95%;
	margin: 0 auto;
	/*visibility: hidden;*/
	/*opacity: 0;*/
	/*transform: scale(0);*/
  	/*transition: transform .3s ease-in-out, opacity .3s ease-in-out;*/

}

.active{
	display: block;
	/*transform: scale(1);*/
	opacity: 1;
	animation: anim 1s ease-in-out;
}

.inactive{
	display: none;
	/*transform: scale(0);*/
	opacity: 0;
	animation: hideanim .3s ease-in-out;
}

@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    /*transform: scale(0);*/
  }
  100% {
    opacity: 1;
    /*transform: scale(1);*/
  }
}

@keyframes hideanim {
  0% {
    display: block;
    opacity: 1;
    transform: scale(1);
  }
  99% {
    display: block;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    display: none;
    
  }
}
	h1{
		font-size: 10vw;
		text-align: left;
		width: 90%;
		line-height: 110%;
		margin-top: 1%;
	}
	h2{
		font-size: 6vw;
		text-align: left;
		width: 90%;
		margin: 1% 1%;
	}
	.description{
		font-size: 4.75vw;
		width: 90%;
		text-align: left;
		margin-right: auto;
	}
	section{
		margin-top: 72vw;
	}
	.info{
		font-size: 4vw;
		width: 78%;
	}
	header{
		display: initial;
		/*height: 300px;*/
		/*background: url(../../img/header.png) no-repeat top center;*/
		/*background-size: contain;*/
		position: fixed;
		/*margin-bottom: 10px;*/
		z-index: 10000;
		/*margin-top: 30px;*/
		/*top: 50px;*/
		/*margin-left:0;*/
		/*margin-right: 0;*/
		width: 100%;
	}

	.navMenu{
		/*height: 58vw;*/
		justify-content: center;
	}

	.half{
		width: 78%;
	}

}