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

nav h3, a, a:visited, a:hover {
	font-family: "briemAkademiStd", sans-serif;
	color: #7C7C7C;
	text-decoration: none;
}

a:hover {
	color: #2e1760;
	text-shadow: 2px 2px 5px #3c91e6;
	transition-property: color text-shadow;
  	transition-duration: 0.5s;
}

nav {
	background-color: #b1f8f2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

nav h3 {
	font-size: 2em;
	padding-left: 5%;
	margin: 0;
}

nav ul {
	background-color: #b1f8f2;
	display: flex;
	justify-content: space-around;
	padding-right: 5%;
}

nav li {
	font-size: 2em;
	list-style: none;
	margin-left: 10%;
}

input[type=checkbox] {
	display: none;
}

.hamburger {
	display: none;
	font-size: 2em;
	padding-right: 3%;
}

@media only screen and (max-width: 1300px) {
	
	nav ul {
		padding-right: 10%;
	}
}

@media only screen and (max-width: 925px) {
	
	nav ul {
		display: none;
		text-align: center;
		position: absolute;
		width: 50%;
		top: 20px;
		right: 0;
		z-index: 1;
	}
	
	nav li {
		font-size: 3em;
		margin-top: 20px;
	}
	
	nav li:last-of-type {
		margin-bottom: 20px;
	}
	
	input[type=checkbox]:checked ~ ul {
		display: block;
	}
	
	.hamburger {
		display: block;
	}
	
}

@media only screen and (max-width: 700px) {
	nav ul {
		width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	nav h3 {
		font-size: 1.5em;
	}
}