
@font-face {
  font-family	: 'Helvetica Neue';
  src: url('fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeueLTStd-Md.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTStd-Md.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Md.ttf')  format('truetype'), url('fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg');
  font-weight	: 600;
  font-style	: normal;
}
@font-face {
  font-family	: 'Helvetica Neue';
  src: url('fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeueLTStd-Roman.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Roman.ttf')  format('truetype'), url('fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
  font-weight	: 400;
  font-style	: normal;
}
@font-face {
  font-family: 'Helvetica Neue';
  src: url('fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),  url('fonts/HelveticaNeueLTStd-Lt.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Lt.ttf')  format('truetype'), url('fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
  font-weight	: 300;
  font-style	: normal;
}


html, body { height: 100%; }
body {
	margin	: 0;
	padding	: 0;
}
body, input, textarea {
	color		: #fff;
	font-family	: 'Helvetica Neue', sans-serif;
	font-size	: 1.5vw;
	font-weight	: 400;
}

#rotate-mobile {
	bottom		: 0;
	display		: none;
	font-size	: 6.5vw;
	left		: 0;
	opacity		: 0;
	position	: fixed;
	right		: 0;
	top			: 0;
	z-index		: 1;
}
#rotate-mobile > p {
	position	: absolute;
	left		: 50%;
	text-align	: center;
	top			: 50%;
	transform	: translateX(-50%) translateY(-50%);
}
#rotate-mobile img {
	-webkit-animation	: spin 4s linear infinite;
    -moz-animation		: spin 4s linear infinite;
    animation			: spin 4s linear infinite;
	height				: 80px;
	margin-top			: 2vh;
	width				: 80px;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



a {
	color			: #fff;
	text-decoration	: none;
	transition		: color .25s;
}
a:hover, a.selected { color: #5b5b5b; }


#body-container {
	box-sizing	: border-box;
	height		: 100%;
	opacity		: 0;
	/*overflow	: hidden;*/ /* Otherwise the footer won't stick to the bottom */
	padding		: 2.5vw;
	position	: relative;
}


header > nav ul {
	margin		: 0;
	padding		: 0;
}
header > nav li {
	font-weight	: 600;
	list-style	: none;
	padding		: 0;
}
header > nav a {
	display			: block;
	font-size		: 1.5vw;
	text-decoration	: none;
	transition		: all .25s;
}
header > nav li ul {
	height	: 0;
	overflow: hidden;
}
header > nav li li { font-weight: 300; }
header > nav p {
	font-weight	: normal;
	margin		: 0;
}
/*@media only screen and (max-width: 768px) {
	header > nav li li a { font-size: 2vw; }
}
*/

.clear { clear: both; }


footer {
	background		: url('../i/akimbo-logo.png') no-repeat left center;
	background-size	: contain;
	bottom			: 2.5vw;
	color			: #5b5b5b;
	font-size		: 1.5vw;
	height			: 10.5vh;
	left			: 2.5vw;
	opacity			: 0;
	position		: fixed;
	right			: 2.5vw;
}
footer > p {
	bottom		: 2vh;
	margin		: 0;
	position	: absolute;
	right		: 2vw;
}
