@media only all and (max-width:780px) {

  /* for 700px or less */
  body {
    font-size: 90%;
    line-height: 1.5;
  }

  .frame-outer {
    width: 100%;
    font-size: 0.9rem;
  }

  p {
    text-align: left;
  }

  .title {
    position: static;
  }

  .banner {
    position: static;
    padding-top: 0rem;
    display: flex;
    flex-wrap: wrap;

  }
  .banner img{
    display: inline;
    margin-bottom: 0;
    width: 32%;
    margin-left: 1%;
  }

  .hide_m {
    display: none;
  }

}

@media only all and (max-width:640px) {
  .flex {
    display: block;
  }

  .andreas {
    width: 50%;
  }

}

@media only all and (max-width:370px) {
  .link {
    position: static;
  }

}

.refnr {}

.apply {}