@media only all and (max-width:770px) {

  /* for 700px or less */
  body {
    font-size: 90%;
    line-height: 1.5;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .frame-outer {
    width: 100%;
  }

  h1 {
    margin-top: 0;
  }

  .content {
    background-image: none;
    padding: 1rem 1rem 0;
  }

  .footer {
    padding: 9rem 1rem 1rem;
  }

  .footer p {
    text-align: left;
  }

}

@media only all and (max-width:450px) {
  .header .flex a:first-child img {
    padding: 0 1rem 1rem 0;
  }

}

.refnr {}

.apply {}
