/* Media queries
========================================================================== */
/* Medium screens and up */
@media (min-width: 768px) {
  .top-wrapper {
    height: var(--top-wrapper-height);
  }

  .top-brand {
      padding-top: 0;
      padding-bottom: 40px;
      margin-top: 0;
  }

  .brand-name h1 {
      /* text-shadow: 2px 3px 4px rgba(0,0,0,0.4); */
      text-shadow: 2px 2px #000;
  }

}

/* Medium-large desktop screens and up */
@media screen and (min-width: 1024px) {
  .top-brand img {
    max-width: var(--logo-width);
  }
}

/* Huge desktop screens and up */
@media screen and (min-width: 2560px) {
  .top-wrapper {
    padding: 0 20%;
  }
}