.navbutton{
	font-family: righteous;
	box-sizing: border-box;
}

.navButton {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	padding: .5em;
	background-color: #67C8FF;
	border: solid #aaa;
	border-width: 0 0 1px;
}

.navButton a {
	color: #673AB7;
	text-decoration: none;
	padding: 0 0 0 .5em;
}

i {
 	font-size: 1em;
 	color: #673AB7;
 	padding: 0 1em 0 0;
 	transition: color .5s;
 }

i:hover {
 	color: #333;
 }

 #nav {
 	font-family: righteous;
 	position: fixed;
 	top: 2em;
 	left: -72%;
 	width: 72%;
 	margin: 0;
 	height: 100%;
 	background-color: #67C8FF;
 	transition: left .5s;
}

#nav:target {
	left: 0;
}

nav {
	z-index: 1000;
}

nav ul {
	margin: 0;
	padding: 0;
	margin-top: .5em;
	background-color: #67C8FF;
}
nav li {
	list-style: none;
	margin: 0;
	padding: 0;	
}

nav li a {
	color: #673AB7;
	text-decoration: none;
	display: block;
	padding: .5em 1em;
	transition: all .5s;
}

nav li a:hover {
	color: #eee;
	text-decoration: none;
	background-color: #eee;
	color: #333;
}


.hiddenLink {
	display: block;
}

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

@media only screen and (min-width: 30em) {
	.navButton {
		display: none;
	}

	#nav {
	 	margin: 0;
	 	width: 100%;
	 	height: auto;
	 	background-color: #333;
	 	background-color: rgba(0,0,0,.84);
	 	position: static;
	}

	nav {
		margin: 0;
	}

	nav ul {
		text-align: center;
		margin: 0;
	}

	nav li {
		display: inline;
	}

	nav li a {
		display: inline-block;
		padding: .5em 1em;
	}

	.hiddenLink {
		display: none;
	}
}


.flex-direction-nav a:before {
  content: '\276E';
}

.flex-direction-nav a.flex-next:before {
  content: '\276F';
}

li img {
  width: 100%;
}
.flexslider .slides img {
    height: 65%;
    -moz-user-select: none;
}

@media only screen and (min-width: 30em){
	.flexslider {
    width: 500px;
    height: 600px;
    display: block;
    margin: 0 auto;
	}

	.flexslider .slides img{
		width: 500px;
    	height: 600px;
	}

	iframe{
		padding-top: 2em;
	}

}



/* Large and up */
@media screen and (min-width: 64em) {
	
}