nav{margin:0;padding:0}#menu1{display:table;position:absolute;z-index:2;top:0%;left:0%;height:110vh;width:100%;margin-left:-200vw;padding:0;background:0 0;transition:all 1s ease-out}#menu1 ul{display:table-cell;vertical-align:middle;background:#ff2b00;text-align:center;margin:0 auto;padding:0 1rem;box-shadow:1px -10px 20px #3F3F3F}#menu1 li{list-style-type:none;display:block;margin:0;text-align:center;padding:0;font-weight:700}#menu1 li a{display:inline-block;text-align:center;text-decoration:none;font-size:1.6rem;letter-spacing:3px;padding:.4rem 1rem;margin:0 -4px;background:0 0;color:#fff;text-shadow:none;text-transform:uppercase;border:solid 1px transparent}#menu1 li a:hover{background:0 0;color:#fff;border:solid 1px #fff}nav label.button-open{display:inline-block;text-align:center;z-index:3;position:absolute;top:1.7rem;left:1.7rem;margin:0;padding:0;background:0 0;cursor:pointer;height:4rem;line-height:4rem;width:4rem;background:#fff;box-shadow:0 0 2px #000}nav label.button-close{display:inline;position:absolute;top:1.7rem;left:1.7rem;z-index:3;cursor:pointer;background:#fff;text-align:center;vertical-align:middle;height:4rem;width:4rem;line-height:4rem;border-radius:50%;transition:transform 3s;opacity:0}nav .fas,nav .fab,nav .far{display:inline;margin:0;padding:0;width:4rem;height:4rem;line-height:4rem;font-size:3.4rem;background:0 0;color:#ff2b00}input[type=checkbox]{display:none}input#open-menue:checked~#menu1{margin-left:0}input#open-menue:checked~label.button-open{opacity:0}input#open-menue:checked~label.button-close{opacity:1;transform:rotate(720deg)}@media(min-width:760px){#menu1{width:50%;height:42rem}}@media(min-width:960px){nav label.button-open,nav label.button-close{display:none}#menu1{position:fixed;z-index:4;background:0 0;top:0;left:0;height:9%;width:100%;margin:0;padding:0;text-align:center}#menu1 ul{background:linear-gradient(to right,#e9e9e9,#ff2b00,#e9e9e9);margin:0;width:100%;padding:0;text-align:center;border-radius:0;box-shadow:0 1px 10px rgba(0,0,0,.3),inset -2px 0 6px 2px rgba(255,255,255,.6),inset 2px 0 6px 2px rgba(255,255,255,.6),inset -10px 0 5px 1px rgba(155,155,155,.1),inset 10px 0 5px 1px rgba(155,155,155,.1)}#menu1 li{display:inline-block;margin:0 -.24rem;padding:0;vertical-align:top}#menu1 li a{display:inline-block;width:100%;text-decoration:none;font-size:1.3rem;letter-spacing:.1rem;padding:1.6rem 1rem;margin:0;color:#fff}#menu1 li a:hover{background:#fff;color:red;box-shadow:none;border:solid 1px transparent;box-shadow:inset -2px 0 3px 2px rgba(255,255,255,.6),inset 2px 0 3px 2px rgba(255,255,255,.6),inset -10px 0 10px 1px rgba(155,155,155,.1),inset 10px 0 10px 1px rgba(155,155,155,.1)}}