header#the-header {
  align-items: center;
  background: var(--light);
  display: flex;
  height: 4.000rem;
  justify-content: flex-start;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.nav-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  padding: 0 1.500rem;
  position: relative;
  width: 100%;
}
.nav-container a {
  display: block;
}
.nav-container svg {
  display: block;
  height: auto;
  width: 9.000rem;
}
/* *** RESPONSIVE *** */
@media only screen and (min-width: 768px) {

}
@media only screen and (max-width: 767px) {
  
}
@media only screen and (max-width: 575px) {
  .nav-container {
    padding: 0 1.000rem;
  }
}