.site-header {
  text-align: center;
  margin-bottom: 0.75rem;
}

.banner-logo {
  display: block;
  width: min(100%, 700px);
  height: auto;
  margin: 0 auto;
}

.bio-image {
  display: block;
  float: right;
  width: min(42vw, 180px);
  max-width: 240px;
  height: auto;
  margin: 0 0 0.75rem 0.75rem;
}

.bio-image + p + p {
  clear: right;
}

@media (min-width: 768px) {
  .bio-image {
    width: 240px;
    margin: 0 0 1rem 1.25rem;
  }
}