@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
      font-size: 90%;
      line-height: 1.5;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
	margin: 0;
	width: 100%;
	border: none;
	box-shadow: none;
    }
    .content{
      padding: 0 4% !important;
      text-align: left !important;
    }
    .footer{
      padding: 0 4%;
    }
    .logo{
      padding: 1rem 4%;
    }

.flex {

}

.left {
	margin-top: 1rem;
	width: 100%;
	order: 2;
}

.right {
	width: 45%;
	order: 1;
}

    .hide_m{
      display: none;
    }
    .header{
      padding-bottom: 1rem;
    }
    ul,
    p{
      padding-bottom: 1rem;
    }
    h1{
      margin-bottom: 1rme;
      font-size: 1.8em;
      line-height: 1.5em !important;
    }
    h2{
      font-size: 1.4em;
      margin-bottom: 1rem;
    }
}

.refnr {}

.apply {}