/* TODO ===== MEDIA QUERIES=====*/
@media screen and (min-width: 768px) {
    body {
      margin: calc(var(--header-height) + 1rem) 0 0 0;
      padding-left: calc(var(--nav-width) + 2rem);
    }
  
    .header {
      height: calc(var(--header-height) + 1rem);
      padding: 0 2rem 0 calc(var(--nav-width) + 2rem);
    }
  
    .header__img {
      width: 40px;
      height: 40px;
    }
  
    .header__img img {
      width: 45px;
    }
  
    .l-navbar {
      left: 0;
      padding: 1rem 1rem 0 0;
    }
  
    /*Show navbar desktop*/
    .show-navbar {
      width: calc(var(--nav-width) + 156px);
    }
  
    /*Add padding body desktop*/
    .body-pd {
      padding-left: calc(var(--nav-width) + 188px);
    }
  }