/*SHARED*/
.bold, footer a:hover, main section a:hover{
	font-weight: bold;
}
body, header, .menu-item, footer{
	background-color: black;
}
header, footer{
	padding: 25px;
}
header, .menu-item, nav ul li:last-of-type{
	border-bottom: solid 2px #fff;
}
h1, h2, h3, .menu-item{
	letter-spacing: 2.5px;
}
h1, .menu-item{
	text-align: center;
}
h1 a, nav ul li a, #menu-toggle:checked ~ ul .menu-item, #menu-toggle:checked ~ ul li #close-menu{
	display: block;
}
h1 a, nav ul li a{
	text-decoration: none;
}
h1 a, nav ul li a, footer, footer a, main, main a{
	color: #fff;
}

/*HEADER*/
header{
	width: 100%;
}
h1 {
	font: 40px 'Orbitron', sans-serif;
}

/*NAV*/


nav{
	font: 30px 'Orbitron', sans-serif;
	position: sticky;
	top: 0;
}
.menu-item{
	padding: 10px;
}
nav ul li:last-of-type, #menu-toggle:checked ~ ul li:last-of-type{
	background-color: #000616;
}
nav ul li:last-of-type{
	padding: 15px;
}
#open-menu{
	height: 15px;
}
#close-menu{
	height: 20px;
}
nav label{
	display: flex;
	justify-content: center;
}
#close-menu, #menu-toggle:checked ~ ul li #open-menu, .menu-item, nav input{
	display: none;
}
#about-menu:hover{
	background-color: #012755;
	text-shadow: 0 0 5px #fff, 0 0 10px #0073e6, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6, 0 0 30px #0073e6;
}
#gallery-menu:hover{
	background-color: #553601;
	text-shadow: 0 0 5px #fff, 0 0 10px #e69200, 0 0 15px #e69200, 0 0 20px #e69200, 0 0 25px #e69200, 0 0 30px #e69200;
}
#admission-menu:hover{
	background-color: #410155;
	text-shadow: 0 0 5px #fff, 0 0 10px #b000e6, 0 0 15px #b000e6, 0 0 20px #b000e6, 0 0 25px #b000e6, 0 0 30px #b000e6;
}
#events-menu:hover{
	background-color: #55013f;
	text-shadow: 0 0 5px #fff, 0 0 10px #e600a9, 0 0 15px #e600a9, 0 0 20px #e600a9, 0 0 25px #e600a9, 0 0 30px #e600a9;
}

/*FOOTER*/
footer{
	font: 1.2rem 'Roboto', sans-serif;
	border-top: solid 2px #fff;
}
footer address{
	margin: 10px 0;
}

@media screen and (min-width: 480px) {
	
	/*HEADER*/
	h1{
		font-size: 80px;
	}
	
	/*NAV*/
	.menu-item{
		font-size: 45px;
	}
	#open-menu{
		height: 25px;
	}
	#close-menu{
		height: 30px;
	}
	
	/*FOOTER*/
	footer{
		font-size: 1.25rem;
		text-align: center;
	}
}
@media screen and (min-width: 1000px) {
	
	/*NAV*/

	nav ul .menu-item{
		display: block;
		width: 400px;
	}
	nav ul li:last-child{
		display: none;
	}
	#page-container{
		display: flex;
	}
	nav{
		background-color: black;
	}
	nav ul li{
		border-right: solid 2px #fff;
	}
	nav ul::after{
		content: " "; 
		display: block;
		border-right: solid 2px #fff;
		height: 50vh;
	}
	nav ul .current-page{
		border-right: none;
	}
}