input, .nav {
 position: fixed;
 top: 0px;
 cursor: pointer;
 font-size: 24px; 
 height: 70px;
 width: 15%;
 text-align: center;
 text-decoration: none;
 font-family: LHE;
 z-index: 10;
 line-height: 75px;
 text-shadow: 1px 1px .25px #000;
 letter-spacing: 3px;
 font-weight: 900;
}

.nav img {
 z-index: 100;
 display: block;
 -webkit-border-radius: 99em;
 -moz-border-radius: 99em;
 border-radius: 99em;
 /*box-shadow: 0 4px 4px rgba(0, 0, 0, .3);*/
 height: 65%;
}

#circle {
 z-index: 101;
 display: block;
  -webkit-border-radius: 99em;
 -moz-border-radius: 99em;
 border-radius: 99em;
 background: red;
 height: 225px;
 width: 225px;
 border: 10px double black;
 float: left;
}

a img {
 margin-top: 1%;	
}

input {
 z-index: 1000;	
 opacity: 0;
}

.nav, #wrapper > img {
 text-decoration: none;
 color: #aab398;
 text-align: center;	
}

#wrapper:before {
 content: '';
 position: fixed;
 width: 500%;
 background: #fff;
 opacity: 1;
 z-index: 8;
 top: 0;
  -webkit-box-shadow: 0px -10px 20px 0px #000;
 -moz-box-shadow: 0px -10px 20px 0px #000;
 box-shadow: 0px -10px 20px 0px #000;
}

/*#logo, #logo + a {
 left: 30%;
 width: 40%;
 background: none;
 border: none;
}
*/

#nav-2:checked + a, #nav-3:checked + a, #nav-4:checked + a, #nav-5:checked + a {
 background: #aab398;
/* background: url('../images/arrow-active.png');*/
 background-size: 100% 100%;
 opacity: 1;	
 line-height: 75px;
 text-shadow: 1px 1px .25px #000;
 letter-spacing: 3px;
 margin-top: 4px;
 color: #fff;
/* padding-left: 20px;
 padding-right: -20px;*/
}

#nav-1, #nav-1 + a {
 left: 0;
 width: 15%;
 height: 270px;
 padding: 8px 0 0 0;
 margin: 0 0 0 1%;
}

#nav-2, #nav-2 + a {
 right: 30%;
}

#nav-3, #nav-3 + a {
 right: 15%;
}

#nav-4, #nav-4 + a {
 right: 0%;
}


#scroll,
.panel {
 position: relative;
 width: 100%;
 height: 100%;
}

#scroll {
 top: 0;
 left: 0;
 transition: all 0.6s ease-in-out;
 -webkit-transform: translate3d(0, 0, 0);
 -webkit-backface-visibility: hidden;	
}

#nav-1:checked ~ #scroll {
 transform: translateY(0%);	
}

#nav-2:checked ~ #scroll {
 transform: translateY(-100%);	
}

#nav-3:checked ~ #scroll {
 transform: translateY(-200%);	
}

#nav-4:checked ~ #scroll {
 transform: translateY(-300%);	
}