@media only all and (max-width:780px) {
  body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
  }
  .frame-outer {
    margin: 0 auto;
    border: none;
    width: 100%;
    padding: 1rem 1rem 0 1rem
  }
  .box_head {
    margin: .5rem -1rem 1.5rem
  }
  .box_head .about {
    padding: 1rem
  }
  .left, .right {
    width: 100%
  }
  .footer {
    padding-top: 2rem
  }
}
@media only all and (max-width:500px) {
  .box_head img, .box_head .about {
    width: 100%
  }
  h1 {
    font-size: 1.8em
  }
  .col_ft {
    width: 50%;
    padding-right: 5%;
    margin-right: 0;
    padding-bottom: .5rem
  }
}
@media only all and (max-width:425px) {
  .col_ft {
    width: 100%
  }
}