.nav_shadow {
  box-shadow: 0px 2px 7px rgba(109, 109, 109, 0.7);
}

@media screen and (max-width: 767.98px) {
  /*left*/

  .side-collapse-container-left {
    position: relative;
    left: 0;
    transition: left .4s;
  }

  .side-collapse-container-left.out {
    left: 100%;
    display: none;
  }

  .side-collapse-left {
    top: 0px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    transition: right .4s;
    
  }

  .side-collapse-left.in {
    width: 0;
    margin: 0%;
    border: 0;
    padding: 0;
    display: none;
  }
  

}

.userbtn {
  width: 250px;
  position: absolute;
  left: 100%;
}

.legend span {
  width: 33.333333%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.officebtn {
  font-size: 1.3rem;
}

.homeul {
        text-align: center;
    }
@media (max-width: 575.98px) {
    .homeul {
        text-align: left;
    }
}