@media only all and (max-width: 800px) {
    body {
        font-size: 90%;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .frame-outer {
        width: 100%;
        padding: 0.7rem;
        background-size: cover;
    }

    .main {
        border: 0.7rem solid #fff;
        border-bottom: none;
        padding: 0.7rem;
    }

    .header {
        padding: 0rem;
    }

    .absolute {
        position: static;
    }

    .box-white {
        margin: 0 -0.7rem -0.7rem;
        padding: 0.7rem 0;
    }

    .hide_m {
        display: none;
    }

    .justifier {
        text-align: left;
    }
}

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

    .box {
        width: 100%;
    }

    h1 {
        font-size: 1.7rem;
    }
.footer-24016 {
        padding-top: 9rem !important;
    }

    .logo-24016 {
        width: 15rem;
    }

}

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

    .footer {
        padding: 5rem 0 8rem;
    }
 .footer-24016 {
        padding-top: 2rem !important;
    }

}

.title {
    font-size: 1.7rem;
}
.pt-1 {
    padding-top: 2rem !important;
}
.refnr {}

.apply {}