@media only screen and ( min-width: 68.125em ) {
  #nav-toggle,
  .nav-chk-label {
    display: none;
  }
  .header-content {
    padding-top: var(--single-space);
    padding-bottom: 3em;
    padding-left: var(--double-space);
    padding-right: var(--double-space);
  }
  header .menu {
    padding: 0 5%;
    margin-right: 1em;
  }
  .header-content, 
  header .menu-main-menu-wrapper,
  header .menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header-content {
    justify-content: space-between;
  }
  .logo-right .header-content {
    flex-direction: row-reverse;
  }
  .logo-center .header-logo-link {
    width: 10em;
    height: auto;
    position: absolute;
    left: calc( 50% - 5em);
    z-index: 10;
  }
  .logo-center .header-logo-link img {
    width: 100%;
  }
  .site-navigation {
    width: auto;
    position: static;
    padding: 0;
  }
  .site-navigation .menu-main-menu-wrapper {
    position: static;
    right: 0;
    top: 0;
    padding: 0;
    overflow-x: visible;
    background-color: transparent;
    border-bottom: 0;
  }
  .logo-center .site-navigation,
  .logo-center .menu-main-menu-wrapper,
  .logo-center .menu-header-menu-container {
    width: 100%;
  }
  header .menu li {
    margin: 0;
    padding: 0;
  }
  header .menu > li + li {
    margin-left: var(--double-space);
  }
  .menu-header-container {
    flex-grow: 1;
  }
  header .menu {
    justify-content: space-evenly;
  }
  .logo-center .left-of-logo {
    margin-right: auto;
  }
  .logo-center .right-of-logo {
    margin-left: auto;
  }
  .menu .menu-item-has-children {
    position: relative;
  }
  .menu .sub-menu {
    margin: 0;
    height: 0;
    position: absolute;
    top: var(--double-space);
    left: -1em;
    width: max-content;
    overflow: hidden;
    transition: all .3s ease-in-out;
    opacity: 0;
  }
  .menu .sub-menu li {
    padding: 0 1em .25em;
  }
  .menu .sub-menu li:first-child {
    padding-top: 1em;
  }
  .menu .sub-menu li:last-child {
    padding-bottom: 1em;
  }
  .menu .open .sub-menu,
  .menu .openClick .sub-menu,
  .menu .menu-item-has-children:hover .sub-menu,
  .menu .menu-item-has-children a:focus + .sub-menu,
  .menu .sub-menu:focus-within {
    height: auto;
    opacity: 1;
    transition: all .3s ease-in-out;
  }
  .menu,
  .social-icons {
    margin: 0;
  }
}

@media only screen and ( min-width: 37.5em ) {
  .footer .menu li {
    display: inline-block;
    padding: 0 var(--half-space)
  }
  .footer .menu li + li {
    margin-top: 0;
  }
}
@media only screen and ( min-width: 56.25em ) {
  /* desktop width styles */
}