#logoutButton {
	position: absolute;
	z-index: 1250;
	text-align: center;
	font-size: 0.66em;
	width: 10vw;
	height: 2.5vh;
	top: 0.5vh;
	left: 90vw;
	cursor: pointer;
}



#notificationsButton {
	position: absolute;
	z-index: 1250;
	text-align: center;
	font-size: 0.66em;
	width: 10vw;
	height: 2.5vh;
	top: 0.5vh;
	left: 0vw;
	cursor: pointer;
}



#notificationsButton b {
	color: rgba(255, 0, 0, 0.8);
	font-weight: normal;
}

#notificationsButton a, #notificationsAlert a, #notificationsButton a:active, #notificationsAlert a:active, #notificationsButton a:hover, #notificationsAlert a:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
}



nav {
	position: absolute;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.15);
	width: 100vw;
	height: 10vh;
	box-shadow: 0px 0px 5px black;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	font-variant: small-caps;
}

nav h1 {
	width: 100vw;
	height: 5vh;
	font-size: 1.5em;
	line-height: 5vh;
}

nav ul {
	list-style: none;
}

nav ul a {
	color: rgba(255, 255, 255, 0.5) !important;
	text-decoration: none;
}

nav ul li {
	float: left;
	width: 20vw;
	height: 5vh;
	line-height: 5vh;
	cursor: pointer;
}

nav ul li:hover {
	background-color: rgba(0, 0, 0, 0.25);
	-webkit-border-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 1%, rgba(25,115,255,1) 50%, rgba(255,255,255,0) 100%) 0 0 100% 0/0 0 1px 0 stretch;
}

.activeLink {
	background-color: rgba(0, 0, 0, 0.25);
	-webkit-border-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%) 0 0 100% 0/0 0 1px 0 stretch;

}



/*//////////////////////////////////////////////////////////////////////////MEDIA QUERIES*/
/*///////////////////////////////////////////////////////////////////////////////////////*/


/*MEDIUM SCREENS*/
@media only screen and (max-width: 1024px) {

}/*end 1024px*/





/*small screens*/
@media only screen and (max-width:768px) {
nav {
	font-size: 1em;
}

nav h1 {
	font-size: 1.25em;
}
}/*end 768px*/





/*Iphone 6*/
@media only screen and (max-width:750px) {
	nav ul li:hover, .activeLink {
		margin-top: -4px;
	}
}/*end 750px*/





/*Smartphone*/
@media only screen and (max-width:568px) {
	nav {
	font-size: 0.9em;
}

nav h1 {
	font-size: 1.15em;
}

nav ul li {
	width: 19.25vw;
}
}/*end 568px*/




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

}/*end 480px*/




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

}/*end 320px*/





/*Smartphone*/
@media only screen and (max-height:600px) and (orientation: landscape) {
	nav {
	font-size: 0.9em;
}

nav h1 {
	font-size: 1.15em;
}

nav ul li {
	width: 19.25vw;
}
}/*end 568px*/