body {margin: 0;}
#menu { width: 100%; height: 150vh!important; position: fixed; top: 0; left: 0; z-index: 1000; display: none; -webkit-animation: myfirst 0.5s ; /* Chrome, Safari, Opera */ animation: myfirst 0.5s}
#menu-responsive { width: 100%; height: 100vh; background: rgb(75,47,144);
background: linear-gradient(72deg, rgba(75,47,144,1) 9%, rgba(233,22,134,1) 95%); position: relative; }
#menu-responsive ul { list-style: none; margin: 0; padding: 40px}
#menu-responsive ul li { padding: 10px}
#menu-responsive ul li a {font-family: 'Raleway', sans-serif; font-size: 28px; color: #fff; font-weight: 600; text-decoration: none; transform:translate(0,-50%); transition:opacity .5s;  }
#menu-responsive ul li a:hover,#menu a:focus{opacity:.6;}
#menu-responsive ul li a:hover { color: #fbb80d }

#menu-responsive ul ul { padding: 15px 0 0 0}

#menu-responsive ul ul li {
  float:none;
    
}

#menu-responsive ul ul a {
  line-height:120%;
  padding:5px;
  font-size: 18px;
  font-weight: 400
}

#menu-responsive ul li:hover > ul {
  display:block;

}


.close { background:#cccccc; border: none; position: absolute; top: 0; right: 0; padding: 20px; width: 80px; z-index: 2000; border:none; background:none; cursor:pointer; outline:none; transition:opacity .5s;}
.close:hover {opacity:.6;}

#hamburguesa-scroll {position:fixed; z-index:500; right:0; top:0; display:none; cursor:pointer; outline:none; transition:opacity .5s;}
#hamburguesa-scroll:hover,#hamburguesa-scroll:focus{opacity:.8;}


.menu_btn {width: 70px; height: 70px; position: absolute; top: 15px; right: 15px; border:none; background:none; cursor:pointer; outline:none; transition:opacity .5s;  }
.menu_btn:hover,.menu_btn:focus{opacity:.8;}
.menu_btn img{ width:100%; height:100%;}
.menu_btn2 {width: 70px; height: 70px; position: absolute; top: 30px; right: 30px; border:none; background:none; cursor:pointer; outline:none; transition:opacity .5s;  }
.menu_btn2:hover,.menu_btn:focus{opacity:.8;}
.menu_btn2 img{ width:100%; height:100%;}
.empty{opacity:0;}