#site-branding-wrapper {
  display: flex;
  flex-direction: row;
}

  #site-logo {
    margin-top: auto;
  }

  #site-logo img {
    height: 80px;
    float: left;
    margin-right: 8px;
  }

  #site-text-wrapper {
    display: flex;
    flex-direction: column;
    font-family: 'Lato', sans-serif;
  }

  #site-name {
    margin-top: auto;
  }

    #site-name h1 {
      margin-bottom: -8px;
      font-size: 2.5rem;
    }

      #site-name h1 a, #site-name h1 a:hover, #site-name h1 a:focus {
        color: var(--white);
        text-decoration: none;
      }

  #site-slogan {
    display: none;
    color: var(--white);
    font-size: 28px;
  }

/* Small devices and up */
/*@media (min-width: 576px) {
}*/

/* Mobile Menu nav item states, this media query is UP TO the switch to horizontal nav */
/*@media (max-width: 767px) {
}*/

/* Medium devices and up */
/*@media (min-width: 768px) {
}*/

/* Medium devices and up */
/* @media (min-width: 992px) {
} */

/* large devices and up */
@media (min-width: 1200px) {
  #site-slogan {display: block;}

  #site-text-wrapper {
    flex-direction: row;
  }

  #site-slogan {
    margin-top: auto;
    margin-bottom: -9px;
    margin-left: 8px;
  }
}