* {
  -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
}


/* --------------------------------- Mobile --------------------------------- */
.bar {
    width: 30px;
    height: 2px;
    border-radius: 100rem;
    margin-bottom: 8px;
    background-color: black;
    margin-right: 50%;
    transform: rotate(0deg);
    transition: all 500ms ease;
    opacity: 1;
  }
  
  .buttonwrapper {
    display: flex;
    align-items:flex-end;
    justify-content: center;
    flex-direction: column;
    height: 80px;
    width: 70px;
    float: right;
    margin-top: 3%;
    cursor: pointer;
  }
  
  .menu-wrapper {
    transition: all 500ms ease;
    height: 14%;
    position: fixed;
    top: 0;
    z-index: 10000;
  }
  
  .open {
    height: 100vh;
    transition: all 500ms ease;
    background: white;
  }
  
  .activeb1 {
    transition: all 500ms ease;
    transform: rotate(135deg);
    margin-bottom: -2px;
  
  }
  
  .activeb2 {
    transition: all 500ms ease;
    transform: rotate(45deg);
    margin-bottom: 0;
    
  }
  
  .activeb3 {
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
  }
  
  .navmb-twrap {
    margin-top:20%;
    margin-left: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
  }
  
  .navmb-text {
    font-family:roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 27px;
    text-transform: uppercase;
    margin-bottom: 50px;
    /* --------------------- border-bottom: 3px solid black; -------------------- */
  }
  
  .navmb-twrapop {
    opacity: 1;
    visibility: visible;
    transition: all 600ms ease;
  }
  
  
  .toggleimg-wrap {
    height: 75px;
    width: 100vw;
  }
  


  @media (max-width: 425px) {
      .buttonwrapper {
          margin-top: 5%;
      }
      
  }


  .ptrn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
  }
  
  .ptrn {
    width: 25px;
  }