.hamburger_menu {
    position: absolute;
    width: 100%;
    z-index: 1000000;
  } 
  
  .hamburger_icons {
      width:100%; 
      height:90px; 
      line-height:60px;
      display: flex;
      align-items: center;
      justify-content: flex-end;

  }

  .hamburger{
    width: 40px;
    height: 40px;
    background:none;
    color:var(--accent);
    border:0;
    font-size:1.4em;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cross{
    width: 40px;
    height: 40px;
    background:none;
    padding:5px 15px 0px 15px;
    color:var(--dark);
    border:0;
    font-size:3em;
    font-weight:bold;
    cursor:pointer;
    outline:none;
  }

  .menu {
    font-weight:bold;
    font-size:0.8em;
    width:100%;
    background:#f1f1f1;
    position:absolute;
    text-align:center;
    font-size:12px;
  }

  .menu ul {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none;
  }

  .menu li {
    display: block;   
    padding:15px 0 15px 0; 
    border-bottom:#dddddd 1px solid; 
    width: 100%;
  }
  .menu li:hover {
    display: block;    
    background:#ffffff; 
    padding:15px 0 15px 0; 
    border-bottom:#dddddd 1px solid;
  }

  .ham_link { 
    text-decoration: none;  
    margin: 0px; 
    color:var(--dark); 
    width: 100%;
  }

  .ham_link:hover {  
    color: var(--dark); 
    text-decoration:none;
  }