@media only all and (max-width: 780px) {
    body {
        font-size: 90%;
	margin: 0;
    }

    .frame-outer {
	margin: 0;
	width: 100%;
	border: none;
	box-shadow: none;
    }

    .header {
        padding: 0rem;
    }

    .content {
        padding: 1rem 1rem 16rem;
    }

    h2 {
        display: block;
    }

    .info {
        position: static;
        width: 100%;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        flex-flow: row wrap;
        margin-bottom: 1rem;
    }

    .info p {
        width: 33%;
    }

    .info img {
        height: 5rem;
        width: auto;
    }

    .hide_m {
        display: none;
    }

    .justifier {
        text-align: left;
    }
}

@media only all and (max-width: 650px) {
    h1 {
        font-size: 2rem;
    }
}

@media only all and (max-width: 450px) {
    h1 {
        font-size: 1.5rem;
    }

    .info {
        display: block;
    }

    .info p {
        width: 100%;
    }

    .img_lg {
        width: 3.5rem;
    }

    .logo_img {
        width: 10rem;
    }

    .footer {
        right: 1rem;
        bottom: 1.5rem;
    }
}
.refnr {}

.apply {}