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




body, html{
	height: 100%;
	padding-top: 0px;
}
body{
	padding-right: 63px;
	padding-left: 63px;
	padding-bottom: 63px;
}
section li{


}
h1{
    font-size:2.5em;
    font-weight:300;
}
p{
	font-size: small;
}
.wrapper{
	overflow: hidden;
}
nav{
	position: fixed;
	z-index: 1;
	width: 210px;
	height: 100%;
	-moz-transition: all 200ms ease-in;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	margin-bottom: 0;
	margin-left: -400px;
}
nav ul{
	width: 300px;
	height: 100%;
	list-style: none;
	background: #000000;
	overflow: hidden;
	padding-top: 0;
	margin-top: 0px;
}
nav a{
	color: #ffffff;
	font-size: small;
	/* [disabled]border-bottom: 1px solid #fff; */
	padding-right: 50px;
	padding-left: 0px;
	/* [disabled]border-top-color: #fff; */
	/* [disabled]border-right-color: #fff; */
	/* [disabled]border-left-color: #fff; */
	letter-spacing: 1px;
	height: auto;
}
nav a:hover{
	background-color: #111;
}
label{
	display: block;
	width: 123px;
	height: 100px;
	text-align: center;
	position: fixed;
	-moz-transition: all 200ms ease-in;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	z-index: 500;
	top: 10px;
}
input[type="checkbox"]{
    display:none;
}
input[type="checkbox"]:checked ~ nav{
    margin:0;
}
input[type="checkbox"]:checked ~ label{
	left: 180px;
	top: 10px;
}
input[type="checkbox"]:checked ~ section{
    -webkit-transform:translate3d(260px, 0, 0);
    -moz-transform:translate3d(260px, 0, 0);
    -o-transform:translate3d(260px, 0, 0);
    transform:translate3d(260px, 0, 0);
}
.floatburger { cursor: pointer;
}

h1, p, li{
	color: #FFFFFF;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0em;
	font-size: small;
	height: 32px;
}

nav li{
	margin-right: 0;
	margin-bottom: 0;
}