.block-system-branding-block {
  margin: 0.5rem auto;
  width: 8rem;

  @include media-tablet {
    float: left;
    margin: 0.5rem 2rem;
    width: auto;
  }
}

.site-logo img {
  display: block;
  max-width: 100%;
  width: 11rem;
}

#block-homepagehero {
  font-size: 1.8rem;
  line-height: 1.2;
  margin: auto;
  max-width: 30rem;
  padding: 3rem 1rem;
  text-align: center;

  @include media-tablet {
    padding: 10rem 1rem;
  }

  img {
    max-width: 100%;
  }
}