html, body {
   height: 100%;
}
body {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
}
#container {
   display: flex;
   min-height: 100%;
}
input[type=checkbox] {
   position: absolute;
   opacity: 0;
}

label {
   position: absolute;
   top: -8px;
   left: 40px;
   z-index: 99;
   display: block;
text-shadow:1px 1px 3px #464646;
   font-size:4em;
   color: #e5e4d7;
   cursor: pointer;
   transform: translate3d(0, 0, 0);
   transition: transform .5s;
	opacity:0;
	visibility:hidden;
	transition: opacity 0.5s;
}

@media screen and (max-width: 1024px) 
{
label	{
	opacity:1;
	visibility:visible;
	transition:all 0.5s;
	}

label:hover	{
	color:#464646;
	text-shadow:2px 2px 5px black;
	}
}


input[type=checkbox]:checked ~ label {
   transform: translate3d(350px, 0, 0) rotate(90deg);
	background: linear-gradient(to right, #004663, #02aafc, #004663);
	width:60px;
	text-align:center;
}
.content {
   width:100%;
   padding: 40px;
   background: #f2f2f2;
   transform: translate3d(0, 0, 0);
   transition: transform .4s;
}
input[type=checkbox]:checked ~ .content {
   transform: translate3d(350px, 0, 0);
}
input[type=checkbox]:checked ~ .slide-menu {
   transform: translate3d(0, 0, 0);
	
}



input[type=checkbox]:checked ~ .slide-menu .menu li {
   width: 100%;
}
.slide-menu {
   transform: translate3d(-350px, 0, 0);
   position: absolute;
   width: 350px;
   background: #004663;
   color: #e5e4d7;
   left: 0;
   height: 100%;
   transition: all .4s;
	z-index:98;
}
.slide-menu h1 {
   margin: 10px;
   text-shadow: 1px 1px 1px #000;


}


.slide-menu ul	{
list-style: none;
   padding: 0;
   margin: 0;
	}

.menu {

   list-style: none;
   padding: 0;
   margin: 0;
}
.menu a {
   display: block;
   text-decoration: none;
   color: #e5e4d7;
   font-size: 1.75em;
   padding: 15px;
   background: linear-gradient(to bottom, #004663, #02aafc, #004663);
   border-bottom: 1px solid #1e222b;
   box-shadow: inset 0px 1px 1px #8b9db3;
}
.menu a:hover {
   
	box-shadow:0px 0px 15px 5px #004663 inset;
	text-decoration:underline;
	transition: all 0.5s;;
}