/* default styles (all screens) */
@media only screen {

    table { border: none; }
    table tr td, table tr th { padding: 0; }
    .small-hdr {
        padding: 0.5em 0;
    }
    .small-hdr .right-off-canvas-toggle  { color: #fff; font-size: 2.4em; display: block; float: right; padding: 1px 1px 0 0; }

    .content { min-height: 400px; background: #fff; padding: 2rem 0; }
    .content.home { padding-top: 0; }
    .content h1 { font-weight: normal; color: #CC1E34; font-size: 2em; }
    .content h2 { color: #CD1E35; margin-top: 3rem; }
    .content h2:first-child { margin-top: 0; }
    .content h2.tagline { margin: 0 0 1.5em 0; color: #333; font-style: italic; font-weight: normal; font-size: 0.7em; }

    .calc-results .row { padding: 0.25rem 0; border-top: 1px solid #999; }
    .calc-results .row:first-child { border-top: none; }
    .calc-results input { text-align: right; width: 100%; margin-right: -0.675em; border: none; background: none; color: #CC1E34; }

    .grey-box { background: #656566; color: #fff; padding: 0.9em 1.4em 1.1em; }
    .grey-box h5 { color: #fff; font-weight: bold; font-size: 1.4em; }
    .grey-box p { font-size: 1em; }
    .grey-box .footnote { font-size: 0.8em; margin: 0; }

    /* Main Page Heading */
    .main-title { background: #999; }
    .main-title h1 { color: #fff; padding: 1.5em 0 0.3em; }

    .privacy-act { font-size: 13px; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; padding: 1em 0; }
    .privacy-act p, .privacy-act ul { font-size: 11px; }
    .accept-box .btn-apply { background: #CC1E34; color: #fff; padding: 0.575em; display: block; text-align: center; margin-bottom: 3rem; }

    .button { background: #CC1E34; }

    .ftr .ftr-logo { width: 50%; padding-top: 2rem }
    .ftr, .ftr-links { padding: 1rem; color: #fff; font-size: 1.1em; }
    .ftr > div:nth-child(2) { padding: 1rem 0; }
    .ftr-links { text-transform: uppercase; font-size: 0.8em; padding-top: 0.6rem; }
    .ftr-links .links { padding-bottom: 0.6rem; font-size: 1.4em; }
    .ftr-links .itl { display: block; text-transform: none; opacity: 0.6; padding-top: 0.4rem; }
    .ftr-links a { color: #fff; text-decoration: none; }
    .ftr-links a:hover { color: #ffc; }

    .login-box { background: #e8e8e8; padding: 20px 15px; }

    .app-form input[type="text"], .app-form input[type="radio"], .app-form select { margin-bottom: 0; }
    .app-form .row > div { margin-top: 1rem; }
}
/* min-width 641px, 40.063em medium screens */
@media only screen and (min-width: 40.063em) {
    .container { min-width: 940px; }
}

/* min-width 800px, large screens */
@media only screen and (min-width: 49.063em) {
    .hdr-links {
        height: 40px;
        color: #fff;
        font-size: 11px;
        padding-top: 12px;
    }
    .hdr-links a {
        color: #fff;
        text-decoration: none;
    }
    .hdr-links a:hover {
        color: #ffc;
    }
    
    .content.home { padding-top: 0; }
    .content h2 { font-size: 1.6rem; margin-top: 3rem; }
    .content h2:first-child { margin-top: 0; }

    .main-body { padding: 2rem 0; }

    .grey-box { margin-top: 1.6rem; }

    .ftr { padding: 2rem 0; font-size: 14px; }
    .ftr .ftr-logo { width: auto; padding-top: 0; }

    .ftr > div:nth-child(2) { padding: 0; }
    .ftr-links { border-top: 1px solid #E68F9A; padding: 10px 0px 40px 0px; }
    .ftr-links .links { padding-bottom: 0; font-size: 11px; }
    .ftr-links .itl { display: block; text-transform: none; opacity: 0.6; padding-top: 0.4rem; }

    .login-box { max-width: 480px !important; }

}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {

}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

}