html, body{
	width:100%;
	height:100vh;
	margin:0;
	padding:0;
	font-size:12px;
	background:url('../images/background.jpg') no-repeat center center fixed;
	background-size:cover;
	font-family: 'Montserrat', sans-serif;
}
:root{
	--blue:#013c5c;
	--white:#f1f1f1;
	--green:#108604;
}
.blue{background:var(--blue);}
.white{background:var(--white);}
.blue_text{color:var(--blue);}
.white_text{color:var(--white);}

a{
	color:white;
}

#content{
	width:100%;
	font-size:2em;
	float:left;
}
.section{
	float:left;
	width:100%;
}
.section_header{
	float:left;
	width:100%;
	text-align:center;
	margin-top:1vw;
	margin-bottom:1vw;
}
.section_image{
	float:left;
	width:76%;
	margin-left:12%;
	margin-top:1%;
}
.section_image img{
	width:100%;
}
.section label{
	float:left;
	width:76%;
	height:1vw;
	margin-left:12%;
	margin-top:2%;
}
.section input{
	float:left;
	width:76%;
	height:2vw;
	margin-left:12%;
	margin-top:2%;
}
.paragraph{
	float:left;
	width:80%;
	padding-left:10%;
	padding-right:10%;
	margin-top:1%;
	margin-bottom:1%;
	text-align:center;
}
.paragraph iframe{
	width:80%;
	height:60vh;
}
.button{
	float:left;
	padding:2vw;
	width:60%;
	margin-left:12%;
	margin-bottom:2%;
	text-align:center;
	cursor:pointer;
	border-radius:3vw;
}
.button:hover{
	color:var(--white);
	background:var(--green);

}

#launcher{
	float:left;
	width:100%;
	font-size:10px;
}
#launch{
	float:left;
	width:76%;
	height:4vw;
	margin-left:12%;
	margin-top:20px;
	background: green;	
	text-align:center;
	padding-top:15px;
	color:white;
	font-size:16px;
	margin-bottom:20px;
}
#halt{
	float:left;
	width:76%;
	height:4vw;
	margin-left:12%;
	margin-top:20px;
	background: red;	
	text-align:center;
	padding-top:15px;
	color:white;
	font-size:16px;
	margin-bottom:20px;
}

#header{
	width:100%;
	float:left;
}
#logo{
	float:left;
	width:20%;
	margin-left:2%;
}
#logo img{
	width:100%;
	height:100%;
}
#title{
	width:60%;
	float:left;
	font-size:3vw;
	color:white;
	margin-left:10%;
	margin-top:1%;
}

#banner{
	float:left;
	width:100%;
	background:var(--white);
}
#banner img{
	width:100%;
}

#banner video{
	width:100%;
	height:100%;
	display:block;
}

#features{
	float:left;
	padding-left:14%;
	padding-right:10%;
	margin-top:1%;
	margin-bottom:1%;
}
#features li{
	margin-bottom:1vh;
}
#social_media_icons{
	float:left;
	width:100%;
	height:18vw;
	margin-top:1%;
	margin-bottom:2%;
	display:flex;
}
#social_media_icons a{
	flex:1;
	width:11%;
	margin:1%;
}
#social_media_icons img{
	width:100%;
}
#footer{
	text-align:center;
}

@media (min-width:1024px){
	#content{
		width:80%;
		margin-left:10%;
		font-size:2em;
	}
}