#hamburger{float:right;position:fixed;background-color:rgb(52, 62, 71);cursor:pointer;display:block;right:10px;width:50px;height:50px;padding:15px 0;margin:0;z-index:5;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#hamburger div{display:block;background-color:#FFF;height:3px;margin:0 auto 5px auto;width:50%;}
#hamburger div.last{display:block;background-color:#FFF;height:3px;margin:0 auto;width:50%;}

.x-icon{height:20px;width:20px;display:block;font-size:20px;color:rgba(255,255,255,1);position:absolute;top:10px;right:20px;cursor:pointer;}

.menunav{width:75%;height:100%;display:block;position:fixed;left:0;top:0;background:rgba(0,0,0,0.95);z-index:10;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);overflow:scroll;}
.menunav ul{width:90%;margin:50px auto 0 auto;list-style:none;color:#fff;}
.menunav li a{padding:10px 20px;margin-bottom:4px;display:block;width:100%;color:#fff;text-decoration:none;border-bottom:rgba(255,255,255,0.2) thin dotted;}

#menu-checkbox {display:none;}
#overlay {display:none;width:100%;height:100%;background-color:rgba(0,0,0,0);position:fixed;top:0;left:0;z-index:2;opacity:0;filter:alpha(opacity=0);}
#menu-checkbox:checked ~ #overlay {display:block;opacity:1;filter:alpha(opacity=100);}
#menu-checkbox:checked ~ .menunav {visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
#menu-checkbox:checked ~ .menunav ul.fullNav{display:none;}
#menu-checkbox:checked ~ .menunav .the_homeLogo{display:none;}

/* DESKTOP */

@media only screen and (min-width: 768px) {
#hamburger{display:none;}	
.hamburgerIcon{display:none;}	
.x-icon{display:none;}
.respNav{display:none;}
.menunav{width:100%;height:auto;right:0;position:fixed;box-shadow:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:visible;}
.menunav ul{width:100%;margin-top:0;list-style:none;}
.menunav li a{padding:0;margin-bottom:0;border-left:none;width:auto;color:none;text-decoration:none;border-bottom:none;}
.menunav li a:hover{color:none;background:none;}

header {
width:100%;height:auto;position:fixed;top:0;z-index:10;margin:0 auto;padding:0 auto;
overflow:visible;background:rgba(0,0,0,0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}

header.smaller{background:rgba(18,18,18,0.9)}

header .the_homeLogo{display:block;margin:10px auto;padding:0 auto;width:100px;height:45px;opacity:0;
background-image:url(../images/laLogo_light.svg);background-repeat:no-repeat;background-size:contain;background-position:center;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;pointer-events:none;cursor:default;}

header.smaller .the_homeLogo{display:block;margin:10px auto;padding:0 auto;width:100px;height:45px;opacity:0.7;
background-image:url(../images/laLogo_light.svg);background-repeat:no-repeat;background-size:contain;background-position:center;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;pointer-events:auto;cursor:pointer;}
header.smaller .the_homeLogo:hover{opacity:1;}

header ul.fullNav{display:inline;height:auto;width:auto;float:right;list-style:none;font-size:1.125em;font-weight:100;text-transform:uppercase;margin:0;padding:20px 50px 0 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background:none;}

header ul.fullNav a{font-weight:300;font-size:1.125em;color:rgba(255,255,255,0.7);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;text-decoration:none;}
header ul.fullNav a:hover{color:rgba(255,255,255,1);}

.fullNav li:first-child{border:none;width:auto;height:auto;padding:0 25px 0 0;display:block;float:left;border-right:thin solid rgba(120,120,120,1);}
.fullNav li:nth-child(2){border:none;width:auto;height:auto;padding:0 25px;display:block;float:left;border-right:thin solid rgba(120,120,120,1);}
.fullNav li:last-child{border:none;width:auto;height:auto;padding:0 0 0 25px;display:block;float:left;}


/* Menu on scroll down "smaller"

header.smaller{height:auto;
background: rgba(255,255,255,1);
background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
background: -o-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0));}

header.smaller ul.fullNav a{color:rgba(0,0,0,0.5);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;text-decoration:none;}
header.smaller ul.fullNav a:hover{color:rgba(0,0,0,1);}

header.smaller .fullNav li:first-child{border:none;width:auto;height:auto;padding:0 25px 0 0;display:block;float:left;border-right:thin solid rgba(0,0,0,0.25);}
header.smaller .fullNav li:nth-child(2){border:none;width:auto;height:auto;padding:0 25px;display:block;float:left;border-right:thin solid rgba(0,0,0,0.25);}
header.smaller .fullNav li:last-child{border:none;width:auto;height:auto;padding:0 0 0 25px;display:block;float:left;}

*/

}