@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 {
        width: 100%;
        font-size: .875em;
        line-height: 1.3em;
        border: 0;
margin: 0;
    }
    .logo {
        max-width: 40%;
    }
    h1 {
        font-size: 1.5rem;
    }
    .button-box a {
        margin: .5rem;
    }
    .button-box {
        flex-wrap: wrap;
    }
    .footer {
        padding-bottom: 1rem;
    }
    .footer-zone {
        margin-bottom: 0;
    }
    .flex {
        display: block;
    }
    .content p {
        text-align: left;
    }

.hide {
	display: block;
}

.hide_m {
	display: none;
} 

}
.refnr {}

.apply {}