/* HEADER */
@media only screen and (min-width: 800px) {
	.opt_h_span {
	display: block;
	position: relative;
	float: left;
	width: 100vw;
	height: 5vh;
	overflow: hidden;
	background-color: rgba(10,67,122,0.85);
	font-family: 'mont';
}
.opt_h_phone, .opt_h_email {
	display: inline-block;
	position: relative;
	float: right;
	margin-right: 2.5%;
	line-height: 5vh;
	/*color: rgba(255,255,255,1.0);*/
}
.header {
	height: 4.75vw;
}
	.menu-hamburger {
	display: none;
}
	img.menulink {
	margin-top: 7.5%;
	display: inline-block;
	position: relative;
	height: auto;
	width: 15%;
}
	.logo-main {
	display: inline-block;
	position: relative;
	float: left;
	width: auto;
	height: 3.25vw;
	padding-bottom: 0.5%;
	margin-top: 1.0%;
	margin-left: 1.0%;
	filter: brightness(100);
	}
	.logo-name {
	display: inline-block;
	position: relative;
	float: left;
	margin-left: 1.0%;
	margin-top: 1.25%;
	line-height: 2.75vw;
	/*color: rgba(255,255,255,1.0);*/
	font-size: calc(7px + 8 * ((100vw - 320px) / 680));
	}
	.ico-img {
	height: 15vw;
	transition: 3s;
	}
	.ico-img:hover {
	height: 75vh;	
	}
	.linkbar {
	display: inline-block;
	position: relative;
	float: right;
	width: 75%;
	height: 6.75vw;
	line-height: 6.75vw;
	background-color: rgba();
	overflow: hidden;
	}
	.menulink-img {
	display: inline-block;
	position: relative;
	width: auto;
	height: 25%;
	margin: 0;
	filter: brightness(100);
	}
	.menulink {
	display: block;
	position: relative;
	float: right;
	width: 10vw;
	height: 100%;
	line-height: 4.75vw;
	margin-right: 1%;
	margin-top: 0.0%;
	text-align: center;
	/*color: rgba(255,255,255,1.0);*/
	background-color: rgba(0,0,15,0);
	font-size: calc(6px + 8.5 * ((100vw - 320px) / 680));
	}
	.mlink_a {
	font-size: calc(7px + 16 * ((100vw - 320px) / 680));	
	}
	.l-menulink {
	float: left;	
	}
	.menulink:hover {
	background-color: rgba(255,255,255,0.1);	
	}
}
@media only screen and (min-width: 1200px) {
	.menu-hamburger {
	display: none;	
	}
	.logo-main {
	height: 3.25vw;	
	}
	.logo-name {
	height: 5.0vw;
	line-height: 4.75vw;
	font-size: calc(7px + 6 * ((100vw - 320px) / 680));
	margin-top: 0%;
	}
	.linkbar {
	height: 3.75vw;	
	}
	.menulink {
	font-size: calc(5px + 6 * ((100vw - 320px) / 680));	
	margin-top: 1.0%;
	line-height: 3.75vw;
	}
	.mlink_a {
	font-size: calc(7px + 9.5 * ((100vw - 320px) / 680));	
	}
}
/* NAVIGATION SIDE BAR */
@media only screen and (min-width: 800px) {
	.sidenav {
	padding-top: 0px;
	transition: 0.25s;
	background-color: rgba(0,0,0,0.0);
	}
	.sidenav .closebtn {
	position: absolute;
	float: left;
	left: 40%;
	height: auto;
	font-size: calc(30px + 18 * ((100vw - 320px) / 680));
	margin-left: 0px;
	}
	.textclosebtn {
	float: left;
	font-size: calc(14px + 1 * ((100vw - 320px) / 680));	
	}
	.mainmenu-container {
	height: 100%;
	width: 50%;	
	}
	.mainmenu-container li, ul {
	font-size: calc(9px + 8 * ((100vw - 320px) / 680));
	margin-bottom: 1.75%;
	}
}
/* MAIN */
@media only screen and (min-width: 800px) {
	.pagename {
	text-align: left;
	margin-left: 2.5%;
	font-size: calc(25px + 9 * ((100vw - 320px) / 680));
	}
	.main-splash-image {
	width: 70%;
	margin-left: 15%;
	margin-top: 1%;
	}
	.options, .option-ns1 {
	display: block;
	position: relative;
	float: left;
	width: 31.33%;
	height: auto;
	min-height: 30vw;
	margin: 1%;
	}
	.option-ns2 {
	display: none;	
	}
	.option-title {
	display: block;
	float: left;
	width: 100%;
	height: 3.5vw;
	line-height: 3.5vw;
	text-align: center;
	font-size: calc(6px + 7 * ((100vw - 320px) / 680));
	}
	.option-img {
	display: inline-block;
	position: relative;
	float: left;
	width: 70%;
	height: auto;
	margin-top: 0%;
	margin-left: 15%;
	filter: grayscale(0%) opacity(35%);
	}
	.option-img:hover {
	filter: grayscale(0%) opacity(100%);
	transition-duration: 2.5s;	
	}
	.option-text {
	display: block;
	position: absolute;
	bottom: 0;
	float: left;
	width: 85%;
	height: auto;
	margin-left: 7.5%;
	text-align: center;
	background-color: rgba(0,0,0,0.0);
	font-size: calc(9px + 7 * ((100vw - 320px) / 680));
	}
}
@media only screen and (min-width: 1200px) {
	.option-wrapper {
	background-color: rgba(255,255,255,1.0);
	}
	.options, .option-ns2 {
	display: block;
	position: relative;
	float: left;
	width: 23%;
	min-height: 23vw;
	margin: 1%;
	}
	.option-text {
	font-size: calc(4px + 7 * ((100vw - 320px) / 680));	
	}
}
/* ========================================================================= */
/* PROFILE PAGES */
@media only screen and (min-width: 1200px) {
.profilebox, .profilecontentbox {

}
.profileimage {
	width: 25%;
}
.profilename {
	font-size: calc(18px + 9 * ((100vw - 320px) / 680));
}
.profilecredentials {
	font-size: calc(7px + 9 * ((100vw - 320px) / 680));
}
.profilecontentbox {
	font-size: calc(4px + 9 * ((100vw - 320px) / 680));
}
.profileleft {

}
.profileverbiage {
	font-size: calc(4px + 7 * ((100vw - 320px) / 680));

}
}
@media only screen and (min-width: 1200px) {
	
}
/* ========================================================================= */
/*CONTACT FORM*/
@media (min-width: 1000px) {
	.includes-contact {
		padding-left: 23%;
	}
	.contact-form {
		width: 50%;
		font-size: 1.5vmax;
	}
	.contact-form input, .contact-form textarea {
		float: left;
		margin-bottom: 2%;
		font-size: 1.25vmax;
	}
	#Message {
		height: 30vh;
	}
	.cft {
		display: inline-block;
		margin-bottom: 15px;
	}
}
/* FOOTER */
@media (min-width: 1000px) {
.flogobox, .flinkbox {
	display: inline-block;
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	font-size: calc(4px + 7 * ((100vw - 320px) / 680));	
}
.flogo {
	float: left;
	width: 30%;
	margin-left: 10px;
	margin-top: 10px;
	filter: opacity(100%) brightness(100);
}
.flogoinfo {
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	text-align: left;
	margin-left: 10px;
	font-size: calc(3px + 5 * ((100vw - 320px) / 680));	
}
.flinks {
	text-align: center;
	margin-bottom: 3.5%;
}
.ftitle {
	font-weight: bold;
	font-size: calc(5px + 8 * ((100vw - 320px) / 680));
	background-color: rgba(255,255,255,0.00);
}
.flinkspacer {
	margin-bottom: 5%;
}
.fcopyright {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 25px;
	text-align: left;
	font-weight: bold;
	font-size: calc(3px + 8 * ((100vw - 320px) / 680));
}
.fcopyrightbox {
	margin-left: 10px;
	width: 47.5%;
}
.fcopyrightright {
	margin-left: 0;
	margin-right: 10px;
	text-align: right;
}
li.fcopyrightright {
	float: right;
}
}

/**/