@charset "UTF-8";
/* CSS Document */

.header {
	position: relative;
	height: 10vh;
	min-height: 44px;
	width: 100%;
	margin: 0;
	top: 0;
	padding: 0;
		}

/* |  |   |  |   |  |   |  |   |  |   |  |   |  |       FEED VERSION STYLES     |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   */

.fed_header {
	position: relative;
		left: 0;
		top: 0px;
		margin: 0;
	}	
	
	@media only screen and (min-width: 0px) {
	.fed_header {
	position: relative;
	width: 100%;
	padding: 0;
		}	}
	@media only screen and (min-width: 600px) {
	.fed_header {
	position: fixed;
		left: 0;
		top: 0;
	height: 100vh;
	width: 40px;
	}	}
	
	
	.fed_name {
		position: relative;
			 width: 200px;
			 height: 28px;
			 margin: 12px 0 40px 0px;
			 float: left;
		}
		@media only screen and (min-width: 600px) {
		.fed_name {
			 -ms-transform: rotate(90deg); /* IE 9 */
    		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
   			 transform: rotate(90deg);
			 width: 400px;
			 height: 28px;
			 margin: 206px 0 0px -180px;
			 float: left;
		}}
		.fed_mail {
		position: relative;
			 width: 200px;
			 height: 28px;
			 margin: 12px 0 40px 0px;
			 float: left;
		}
		@media only screen and (min-width: 600px) {
		.fed_mail {
			 -ms-transform: rotate(90deg); /* IE 9 */
    		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
   			 transform: rotate(90deg);
			 width: 400px;
			 height: 28px;
			 margin: 206px 0 0px -180px;
			 float: left;
		}}
		
	
	
/* |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   |  |   */
	
	
	
		
		.headerfixed {
	position: fixed;
	width: 96%;
	top: 0;
	z-index: 3;
		}
	@media only screen and (min-width: 0px) {
	.headerfixed {
	position: relative;
	height: 10vh;
	min-height: 44px;
	width: 100%;
	margin: 0;
	top: 0;
	padding: 0;
		}	}
	@media only screen and (min-width: 380px) {
	.headerfixed {
	position: fixed;
	width: 96%;
	top: 0;
	z-index: 3;
	}	}
	
	.name {
		position:relative;
		float:left;
		}
		
		.mininav {
		display: none;
				z-index: 2;
	}
		.nav {
		display: block;
		position:relative;
		float: right;
				z-index: 2;}
		
		#bigmenuturnoff {
		display: none;
		}
		.openmininav {	
		display: none;
		}
		
@media only screen and (min-width: 0px) {
.mininav {	
		display: block;
		position:relative;
		float:right;
		top: 10px;
		cursor: pointer;
		}
.nav {	
		display: none;
		}
		
		.openmininav {	
		display: none;
		position: relative;
		float:left;
		height: 130px;
		font-size: 1.8em;
		line-height: 2.28em;
		text-align:left;
		margin-top: -31px;
		margin-bottom: 60px;
		margin-left: 60%;
		width: 40%;
		z-index: 2;
		}
		
		
		#bigmenuturnoff {
			display: block;
			position: absolute;
			width: 20%;
			height: 120px;
			right: 0px;
			cursor:pointer;
			z-index: 3;
			}
		
		}		
@media only screen and (min-width: 380px) {
	.mininav {
		display: none;
	}
	.nav {
		display: block;
		position: relative;
		float: right;}
		
		.openmininav {	
		display: none;
		visibility:hidden;
		}
		
		#bigmenuturnoff {
		display: none;
		}
		}

.turniton {
	display: block;
	}
.hideburger {
	opacity: 0.3;
	}