header {
	background-color: rgb(0, 0, 0);
	border-bottom: 1px solid rgba(51,51,51,1);
	color: rgb(201, 201, 201);
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding: 10px;
	position:relative;
	z-index: 10;

	-webkit-user-select:none;
	 -khtml-user-select:none;
	 	 -moz-user-select:none;
			-ms-user-select:none;
	 		 -o-user-select:none;
					user-select:none;

}

header > a {
	border: 1px solid rgba(0,200,200,1);
	color:rgba(0,200,200,1) !important;
	display:inline-block;
	font-size:64px;
	font-weight:100;
	line-height: 1em;
	height: 1.1em;
	margin-right:10px;
	padding: 0 10px !important;
	white-space: nowrap;
}

nav > ul li a,
header > a{
	display:inline-block;
	flex:0 0 0;
	padding:0;
	text-decoration:none;
}

nav > span,
nav > ul li a,
header > a{
	color:rgba(240,240,240,1);

	-webkit-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
     -moz-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
      -ms-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
       -o-transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
					transition:border .2s ease-in-out,color .2s ease-in-out,text-shadow .2s ease-in-out;
}

nav > span:hover,
nav > ul li a:hover {
	color:rgba(0,200,200,1);
}

nav > span:active,
nav > ul li a:active {
  -webkit-transition:all 0s ease-in-out;
     -moz-transition:all 0s ease-in-out;
      -ms-transition:all 0s ease-in-out;
       -o-transition:all 0s ease-in-out;
					transition:all 0s ease-in-out;

	-webkit-text-shadow:0 0px 5px rgba(0,200,200,1);
		 -moz-text-shadow:0 0px 5px rgba(0,200,200,1);
			-ms-text-shadow:0 0px 5px rgba(0,200,200,1);
			 -o-text-shadow:0 0px 5px rgba(0,200,200,1);
					text-shadow:0 0px 5px rgba(0,200,200,1);
}

nav {
	padding:0;
	position:relative;
	z-index: 2;

  -webkit-user-select:none;
   -khtml-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
       -o-user-select:none;
          user-select:none;

}

nav > ul {
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	justify-content: flex-end;
	align-items:center;
	flex-wrap: wrap;
	list-style: none;
	margin:0;
	padding:0;

	-webkit-user-select:none;
	 -khtml-user-select:none;
		 -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;

}

nav > span {
	display:none;
	cursor:pointer;
	font-size: 60px;
	line-height: 1em;
	/* line-height: .75em; */
	padding:0 10px;
}

nav > ul li {
	padding:0 5px;
}

nav > ul li a {
	border-bottom:1px solid rgba(51,51,51,1);
	font-size: 28px;
	line-height: 1.6em;
}

nav > ul li a:hover{
	border-bottom:1px solid rgba(0,200,200,0);
}

@media screen and (max-width:1280px){
	header > a{
		font-size:50px;
	}

	nav > ul li a {
		font-size: 24px;
	}

	nav {
		text-align:right;
	}

	nav > span {
		display:inline-block;
	}

	nav > ul {
		border:1px solid rgba(51,51,51,1);
		/* border-radius:5px; */
		background-color: rgb(0, 0, 0);
		display:none;
		flex-direction:column;
		/* justify-content:space-around; */
		align-items:center;
		padding:10px;
		position:absolute;
		right:0;
		top:100%;
	}

	nav.active > ul {
		display:block;
	}

}

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

}

footer {
	box-sizing:border-box;
	color: rgba(240, 240, 240, 1);
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items:center;
	min-height: 8em;
	text-align:center;
}

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

}