.home-button,
.return__box {
  backface-visibility: hidden;
}
.header {
  display: flex;
  align-items: center;
  text-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.6);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
  height: 20vh;
  font-size: 5rem;
  color: #fff;
  font-weight: 300;
  background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    from(rgba(45, 77, 179, 0.95)),
    to(rgba(12, 39, 129, 0.95))
  );
  background-image: -webkit-linear-gradient(
    left top,
    rgba(45, 77, 179, 0.95),
    rgba(12, 39, 129, 0.95)
  );
  background-image: -o-linear-gradient(
    left top,
    rgba(45, 77, 179, 0.95),
    rgba(12, 39, 129, 0.95)
  );
  background-image: linear-gradient(
    to right bottom,
    rgba(45, 77, 179, 0.95),
    rgba(12, 39, 129, 0.95)
  );
}
@media (max-width: 56.25rem) {
  .header__background {
    height: 15vh;
  }
}
.header__logo-box {
  position: relative;
  top: 0;
  left: 0;
  margin-left: 2rem;
  border-radius: 0.4rem;
  height: 10.5rem;
}
.header__logo {
  height: 100%;
}
.header__title {
  margin-left: 2rem;
}
.stories__background {
  padding: 5rem 0;
}
.return__box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.home-button {
  padding: 0.8rem 2.4rem;
  background-color: #2f41a4;
  color: #fff;
  font-weight: 100;
  font-size: 2rem;
  text-decoration: none;
  outline: 0;
  border-radius: 50px;
  letter-spacing: 2px;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
}
.home-button:hover {
  background-color: rgba(45, 77, 179, 1);
  transform: scale(1.1);
}
.william-name {
  text-transform: none;
  font-size: 2.2rem;
}
@media (max-width: 56.25em) {
  .row.about__story--row {
    max-width: 70rem;
  }
  .william-bio {
    font-size: 2rem;
  }
}
@media (max-width: 37.5em) {
  .row.about__story--row {
    max-width: 55rem;
  }
  .william-bio {
    font-size: 2.4rem;
  }
}
@media (max-width: 380px) {
  .row.about__story--row {
    max-width: 55rem;
  }
  .william-bio {
    font-size: 2rem;
  }
}