@media screen and (max-width: 768px) {
  header > div #burger {
    width: 40px; }
    header > div > .logo-container a img {
      height: 50%; }
    header > div .btn.av {
      padding: 0;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
      header > div .btn.av svg {
        display: inline-block;
        color: black;
        fill: black; }
      header > div .btn.av span {
        display: none; }

  #menu {
    width: 100%;
    width: 100vw;
    left: -100%;
    left: -100vw; }
    #menu .main-menu {
      max-width: 100%;
      width: 100%; }
    #menu .side-menu {
      left: 100%;
      left: 100vw;
      width: 100%;
      opacity: 0; }
    #menu .side-menu.open {
      z-index: 150;
      left: 0;
      opacity: 1; }
    #menu .side-menu .closer {
      display: block; } }