.menu-lateral{
     width: 100%;
     min-width: 250px;
     max-width: 250px;
     height: 100%;
     min-height: 100vh;
     max-height: 100vh;
     position: sticky;
     left: 0;
     top: 0;
     background-color: #394933;
     z-index: 3000;
}

.container-logo{
     width: 100%;
     max-width: inherit;
     height: 40px;
     min-height: 40px;
     max-height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     margin: 5px 0px 15px 0px;
}

.container-logo img{
     height: inherit;
}

.btn-mobile{
     min-width: 40px;
     max-width: 40px;
     min-height: 30px;
     max-height: 30px;
     display: none;
     flex-direction: column;
     justify-content: space-between;
     position: absolute;
    right: 0;
    top: 25%;
    margin-right: 10px;
    cursor: pointer;
}

.btn-mobile-line{
     height: 5px;
     background-color: #7EB863;
}

.container-menu *{
     color: #7EB863;
     user-select: none;
     cursor: pointer;
}

.container-menu{
     display: flex;
     flex-direction: column;
     padding: 0px 20px;
     z-index: 2000;
}

.menu-item{
     display: flex;
     flex-direction: column;
     text-transform: uppercase;
     padding: 5px 0px;
     border-bottom: 1px solid rgba(126, 284, 99, .25);
}

/* .menu-item-spam:hover{
     transform: translateX(5px);
     text-shadow: 2px 2px 3px #000;
} */

.submenu{
     max-height: 0;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     padding-left: 10px;
}

.submenu-item{
     padding: 3px 0px;
     text-transform: capitalize;
}



/* JAVASCRIPT TOGGLE CLASSES*/
.submenuToggle{
     transition: .5s;
     max-height: 100px
}

@media only screen and (max-width: 800px){

     .menu-lateral{
          max-width: 100%;
          min-width: 100%;
          height: 100%;
          min-height: 60px;
          max-height: 60px;
          position: absolute;
          left: 0;
          top: 0;
          background-color: #394933;
          display: flex;
          flex-direction: column;
     }
     /* .menu-lateral{
          min-width: 100%;
          max-width: 100%;
          height: 100%;
          min-height: 60px;
          max-height: 60px;
          position: absolute;
          left: 0;
          top: 0;
          background-color: #394933;
          display: flex;
          flex-direction: column;
     } */
     
     .container-logo{
          width: fit-content;
          max-width: fit-content;
          height: 100%;
          min-height: 100%;
          max-height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          margin: 0;
          margin-left: 10px;
     }
     
     .container-logo img{
          height: 40px;
     }

     .btn-mobile{
          display: flex;
     }
     
     .container-menu *{
          color: #7EB863;
          user-select: none;
          cursor: pointer;
     }
     
     .container-menu{
          display: flex;
          flex-direction: column;
          padding: 0;
          min-height: calc(100vh - 60px);
          overflow: hidden;
          background-color: rgba(0, 0, 0, .8);
          transition: .5s;
          position: relative;
          left: -100%;
     }

     .container-menu-display{
          left: 0;
     }
     
     .menu-item{
          display: flex;
          flex-direction: column;
          text-transform: uppercase;
          padding: 10px 0px;
          border-bottom: 1px solid rgba(126, 284, 99, .25);
          align-items: center;
     }

     .menu-item-spam{
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: center;
          padding: 10px 0px;
          font-size: 1.1rem;
     }
     
     .submenu{
          max-height: 0;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          padding-left: 0;
          width: 100%;
          align-items: center;
          justify-content: center;
     }
     
     .submenu-item{
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: center;
          padding: 10px 0px;
          font-size: 1.1rem;
     }
     
     
     
     /* JAVASCRIPT TOGGLE CLASSES*/
     .submenuToggle{
          transition: .5s;
          max-height: 200px
     }
}