CSS - Problemas con menú y efecto parallax

Colegas, estoy desarrollando un sitio http://designio.cl/consejo/ resulta que tengo un problema con el menú principal. Al hacer scroll los enlaces del menú pierden la sensibilidad, claramente a causa de un conflicto entre clases. Ya fundí mis capacidades resolutivas. Si alguien me puede ayudar estaría muy agradecido.
Aprovecho de presentar la fuente del efecto parallax desarrollado exclusivamente con CSS, lo encontré genial: http://codepen.io/keithclark/pen/JycFw

CSS menú

header .logo-semana { width: 164px; height: 80px; position: absolute; top: 0; bottom: 0; left: 20px; margin: auto 0; }
header ul.menu { width: 620; position:absolute; top: 0; right: 0; list-style: none; }
header ul.menu li { display: inline; }
header ul.menu li a { font-family: 'Oswald', Arial, sans-serif; font-size: 0.8em; color: #fff; line-height: 1.4em; font-weight: 300; }
header ul.menu li a { width: 12,5%; height: 77px; display: block; float: left; padding: 10px 13px 0 13px; transition: all .2s ease; }
header ul.menu li a:hover { color: #70CCD9; }
header ul.menu li a.active { border-bottom: #70CCD9 3px solid; }

CSS parallax

html { height: 100%; overflow: hidden; }
body { height: 100%; perspective: 1px; /*transform-style: preserve-3d; */overflow-y: scroll; /*overflow-x: hidden; */}
.slidex { width: 100vw; min-height: 75vh; position: relative; top: 82px; box-sizing: border-box; transform-style: inherit; }
#slide1 { transform: translateZ(-1px) scale(2); z-index:-100; }
#slide2 { background: url(images/bg.gif); background-attachment: fixed; }