.masthead {
  background: #1c3677 url("/assets/mag-glass-bg-35d672eb.svg");
  background-position: 200% center;
  background-repeat: no-repeat;
  background-size: 85%;
  border-top: 25px solid rgba(0, 0, 0, 0.15);
  color: #fff;
  fill: currentColor;
  padding: 10px 0;

  @media screen and (min-width: 700px) {
    & {
      background-position: 100% center;
      background-size: 65%;
    }
  }

  @media screen and (min-width: 1300px) {
    & {
      background-position: 80% center;
      background-size: 45%;
    }
  }

  h1 {
    color: #fff;
    margin-left: 1rem;
  }

  img {
    display: block;
    margin: 0 auto;
    max-height: 200px;
    max-width: 50%;
  }

  .accent-line {
    border: none;
    height: 1px;
    color: #00a99f;
    background-color: #00a99f;
  }

  &.external {
    border-top: 5px solid rgba(0, 0, 0, 0.15);
    padding: 5px 0;

    h1 {
      margin: 0 auto;
    }

    img {
      max-height: 50px;
    }

    .accent-line {
      margin: 0 auto;
    }
  }

  &.iframe {
    border-top: 5px solid rgba(0, 0, 0, 0.15);
    padding: 5px 0;

    h1 {
      margin: 0 auto;
    }

    img {
      max-height: 100px;
    }

    .accent-line {
      margin: 0 auto;
    }
  }
}