.mainsection
{
	width:100%;
	height:100vh;
	display:block;
	float:left;
	overflow:hidden;
}

.contentbox
{
	display:block;
	position:absolute;
	height:30vh;
	margin-top:30vh;
	width:40%;
	margin-left:30%;
	border:5px solid black;
	background:white;
	min-height:260px;
}

.contentbox img
{
	height:100%;
	margin:auto;
}

.contentbox a
{
	display:table;
	color:white;
	background:black;
	border:2px solid black;
	padding:7px 20px;
	font-size:25px;
	text-transform:uppercase;
	display:table;
	margin:55px auto;

	-moz-transition: color 0.5s, background 0.5s;
	-webkit-transition: color 0.5s, background 0.5s;
	-o-transition: color 0.5s, background 0.5s;
	-ms-transition: color 0.5s, background 0.5s;
	transition: color 0.5s, background 0.5s;
}

.contentbox a:hover
{
	color:black;
	background:white;
}

.boxedtitle
{
	width:80%;
	margin-left:10%;
	text-align:center;
	font-size:28px;
	padding-top:40px;
	font-weight:lighter;
}

.separator
{
	display:block;
	background:black;
	height:2px;
	width:70px;
	margin-left:calc(50% - 35px);
	margin-top:30px;
	margin-bottom:30px;
}

.boxedsubtitle
{
	width:80%;
	margin-left:10%;
	text-align:center;
	font-size:22px;
	font-weight:lighter;
}

.boxedsubtitle span
{
	width:33.3%;
	float:left;
	text-transform:uppercase;
	padding-top:10px;
	font-weight:bold;
}



/*** slide 1 ***/
#videobackground
{
	width:100% !important;
	height:auto !important;
	display:block;
	margin:0px auto;
}

#mainsectionone .contentbox
{
	top: 25vh;
	margin-top:0vh;
	left:calc(50% - 25vh);
	margin-left:0%;
	border:none;
	width:50vh;
	height:50vh;
	background:none;
}

#mainsectiontwo 
{
	background-image: url(../gfx/mercury2.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#mainsectionthree
{
	background:url(../gfx/mercury1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}





@media screen and (max-width:1400px) 
{
	#videobackground
	{
		height:100vh !important;
		width:auto !important;
	}

}


@media screen and (max-width:1200px) 
{
	#mainsectiontwo .contentbox 
	{
		height: 60vh;
		margin-top: 20vh;
	}

	.contentbox a
	{
		margin-top:30px;
	}
}

@media screen and (max-width:920px) 
{
	.boxedsubtitle span
	{
		width:100%;
		text-align:center;
		padding-bottom:20px;
	}
}

@media screen and (max-width:670px) 
{
	.contentbox 
	{
		width: 80%;
		margin-left: 10%;
	}
}

@media screen and (max-width:600px) 
{
	#mainsectiontwo 
	{
		background-attachment: scroll;
	}
}




/*#videobackground
{
	display:block;
	margin:0px auto;
}

body
{
	background:black;
}

#content
{
	position:absolute;
	z-index:2000;
	width:800px;
	margin-left:calc(50% - 400px);
	top:40px;
}

#logo
{
	width:400px;
	display:block;
	margin:15px auto;
}

#mail:hover, #phone:hover
{
	color:#013e72;
}

#content p
{
	color:white;
	font-family:Caviar;
	font-size:1.0em;
	text-align:justify;
}

#videobackground
{
	width:100%;
	height:auto;
}

@media screen and (max-width:820px) 
{
	#content
	{
		width:90%;
		margin-left:5%;
	}

	body
	{
		background:url(../gfx/mobilebg.png) no-repeat, black;
		background-size:100% auto;
	}

	#videobackground
	{
		display:none;
	}
}

@media screen and (max-width:420px) 
{
	#logo
	{
		width:96%;
		margin-left:2%;
	}

}*/