body {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #555555;
  background-color: #F7F7F7;
}

#header{
  
  width: 100%;
  height: 150px;
}

#background{
	width: 100%;
	height: 150px;
}

#wths{
	position: absolute;
	left: 5%;
	width: auto;
	height: 126px;
	top: 12px;
}

#trident {
	
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:30.50px;
	margin:auto;
	width: auto;
}
	

#facebook{
	width: 30px;
	height: 30px;
	border: 0;
}

#twitter{
	width: 29px;
	height: 29px;
	border: 0;
}

#youtube{
	width: 30px;
	height: 30px;
	border: 0;
}

#blog{
	width: 30px;
	height: 30px;
	border: 0;
}

#email{
	width: 30px;
	height: 30px;
	border: 0;
}

#soc_media_container {
	position: absolute;
	right: 10%;
	top: 10px;

}

.button_link {
	text-decoration: none;
}

.soc_media {
	display: inline-block;
	margin-top: 10px;
	top: 10px;
}

#navbar{
	display: inline-block;
	width: 100%;
	border-top: 1px solid #AAAAAA;

}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 10%;
	margin-right: 10%;
	white-space: nowrap;
	cursor: default;
}

li {
	display: inline-block;
	width: 16.33%;
	font-size: 15vw;
}

.nav:link, .nav:visited {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: .12em;
	color: #555555;
	text-align: center;
	text-decoration: none;
	border-bottom: 4px solid #555555;
}

.nav:hover, .nav:active {
	border-bottom: 4px solid #1884BD;
	color: #1884BD;
}

#container {
	width: 1000px;
	margin: auto;
	border-bottom: 2px solid #AAAAAA;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 50px;
}

#welcome {
	width: 1000px;
	height: 330px;

}

#welcome img {
	width: 50%;
	border-radius: 15px;
	border: solid 1px #000000;
}

#text {
	position: absolute;
	margin-left: 590px;
	text-align: center;
	top: 245px;

}

#video {
	width: 1000px;
	height: 330px;
}

#vid {
	position: absolute;
	top: 630px;
	width: 400px;
	margin-left: 50px;
	text-align: center;

}


#video iframe {
	position: absolute;
	margin-left: 500px;
	width: 500px;
	height: 330px;
	border-radius: 15px;
}

#about h2 {
	text-decoration: underline;
}

#end {
	width: 1000px;
	height: 400px;
}

#awards {
	position: absolute;
	width: 500px;
	height: 400px;
	text-align: center;
	top: 1080px;
}

#awards h3 {
	text-decoration: underline;
}

#mission {
	position: absolute;
	width: 375px;
	height: 400px;
	text-align: center;
	margin-left: 562.5px;
	top: 1080px;
}

#mission p {
	position: absolute;
	top: 100px;
}

#mission h3 {
	text-decoration: underline;
}


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

	#body {
		width: 1000px;
	}

	#header{
	 
	  width: 1000px;
	  height: 150px;
	}

	#trident {
	
		position:absolute;
		margin-left: 374.5px;
		top: 31px;
		width: 251px;
	}

	#wths{

		position: absolute;
		left: 55px;
		width: 126px;
		height: 126px;
		top: 12px;
	}

	#soc_media_container {

		display:none;
		

	}

	#navbar{

		display: inline-block;
		width: 1000px;
		border-top: 1px solid #AAAAAA;
		
	}

	ul {

		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		white-space: nowrap;
		cursor: default;
	}

	li {
		display: inline-block;
		width: 16.33%;
		font-size: 20vh;
	}

	.nav:link, .nav:visited {
		display: inline-block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-size: .12em;
		color: #555555;
		text-align: center;
		text-decoration: none;
		border-bottom: 4px solid #555555;
	}

	.nav:hover, .nav:active {
		border-bottom: 4px solid #1884BD;
		color: #1884BD;
	}
}