﻿h3 {
    font-size: 1.8em;
}

    h3.no-bottom-buffer {
        padding-top: 50px;
    }

.large-sized-button {
    font-size: 1.2em;
    padding: 0.4em 3em;
}

    .large-sized-button.marginized {
        margin-top: 40px;
    }

.mini-sized-button {
    font-size: 1.2em;
    padding: 0.25em 1.75em;
}

.button-adjuster {
    font-size: 1.0em;
    padding: .45em 3.0em;
}

.wave-on-hero {
    margin-top: -50px !important;
}

.major-points {
    text-align: center;
    margin-top: 75px;
    margin-bottom: 150px;
}

.major-points-content {
    color: #fff;
    max-width: 780px;
    margin: 0 auto;
}

    .major-points-content p.mini-headline {
        font-weight: 500;
        margin: 60px 0;
    }

    .major-points-content p.headline {
        font-size: 1.5em;
        font-weight: 600;
        letter-spacing: 0.05em;
        margin: 60px 0;
        margin-top: 30px;
    }

    .major-points-content img {
        width: 36px;
        height: auto;
    }

.major-points .large-sized-button {
    margin-top: 1em;
    font-size: 1.0em;
}

.non-hero-wave-container {
    position: relative;
    margin-top: 80px;
}

.row .why {
    margin-bottom: 150px;
}

    .row .why .cell {
        text-align: center;
        width: 33%;
    }

        .row .why .cell p {
            padding: 0 35px;
            font-size: .75em;
            line-height: 1.5em;
        }

        .row .why .cell img {
            width: 64px;
            height: auto;
        }

hr.headline {
    height: 2px;
    width: 60px;
    background: #0055a5;
    margin: 30px auto;
}

h4.headline {
    font-size: 1.6em;
    font-weight: 300;
    color: #0055a5;
}

.top-cards-header h3 {
    font-size: 1.4em;
    padding: 0.5em 0;
    margin: 0 auto;
}

.top-cards {
    margin: 0;
    margin-bottom: 3em;
}

    .top-cards .col.cards .col {
        width: 25%;
        max-width: 25%;
    }

.card {
    margin: 0;
    margin-top: 1em;
}

    .card.amendment {
        margin: 0;
    }

    .card.amendment .content {
        background: #E0F0FF;
        color: #0055A5;
        text-align: left;
    }

    .card .content .mini-heading {
        font-size: 0.52em;
        font-weight: 400;
        text-transform: uppercase;
        color: #777;
        letter-spacing: 0.15em;
        line-height: 2.5em;
    }

    .card .content {
        padding: .5em;
        background: #fff;
        color: #0055A5;
        text-align: center;
    }

    .card.special .content {
        background: #013565;
        color: #fff;
    }

        .card.special .content a {
            font-weight: 600;
            color: #fff;
        }

            .card.special .content a:hover {
                color: #fff;
            }

    .card .content h4 {
        font-size: 0.75em;
        font-weight: 600;
        text-align: left;
    }

    .card .content p {
        font-size: 0.52em;
        font-weight: 400;
        line-height: 1.5em;
        text-align: left;
    }

        .card .content p.normal {
            font-weight: 500;
            font-style: normal;
        }

    .card .content img {
        width: 35%;
        margin: 0.75em auto;
    }

    .card .tail {
        background: #DFE2E9;
    }

    .card .head {
        background: #0055A5;
        padding-bottom: 0.2em;
    }

    .card span {
        margin: 0.8em;
        color: #057BD3;
        font-size: 0.55em;
        font-weight: 600;
        line-height: 1.5em;
    }

    .card .head span {
        color: #fff;
    }

    .card .icon {
        width: 42px;
        height: 42px;
        text-align: center;
        float: right;
        background: #057BD3;
        color: #fff;
        cursor: pointer;
    }

        .card .icon.dark {
            background: #0055A5;
        }

        .card .icon p {
            transform: scale(1,2);
            margin-top: 0.25em;
            cursor: pointer;
        }

.cert-bodies {
    text-align: left;
    padding: 0 3em;
    padding-bottom: 2em;
    margin: 3em auto;
}

    .cert-bodies h3 {
        text-align: left;
    }

    .cert-bodies p {
        margin: 1em 0;
        font-size: 0.75em;
        line-height: 1.5em;
    }

    .cert-bodies .row {
        margin: 2em 0;
    }

    .cert-bodies .col {
        margin: 0 auto;
    }

        .cert-bodies .col .circle-table {
            margin: 0 auto;
            display: table;
        }

        .cert-bodies .col .circle {
            width: 7.0em;
            height: 7.0em;
            border-radius: 50%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .cert-bodies .col .circle.large {
                width: 10em;
            }

            .cert-bodies .col .circle.squeeze {
                width: 7em;
            }

            .cert-bodies .col .circle img {
                width: 100%;
                height: auto;
            }

                .cert-bodies .col .circle img.smallerize {
                    width: 75%;
                }

.auditors {
    text-align: left;
    padding: 0 3em;
    margin: 3em auto;
}

    .auditors h3 {
        text-align: left;
    }

    .auditors h5 {
        font-size: 1.4em;
        font-weight: 600;
        color: #0055A5;
    }

    .auditors hr {
        margin: 3em 0;
    }

    .auditors p {
        margin: 1em 0;
        font-size: 0.75em;
        line-height: 1.5em;
    }

    .auditors .row {
        margin: 2em 0;
    }

    .auditors .large-sized-button {
        margin-top: 1em;
        font-size: 1.0em;
    }

    .auditors .final {
        text-align: center;
        margin: 3em auto;
    }

    .auditors .card .content {
        background: #E0F0FF;
    }

        .auditors .card .content h4 {
            font-size: 0.85em;
        }

    .auditors .card .head span {
        color: #E0F0FF;
        font-weight: 300;
    }

    .auditors .card .tail .icon p {
        font-size: 0.85em;
    }

#contactUsButton {
    padding-left: 4em;
    padding-right: 4em;
}

.split-card-row .col.split-card-img {
    background: #DFE2E9;
    padding: 3em 0;
    text-align: center;
}

    .split-card-row .col.split-card-img img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

.questions {
    margin-bottom: 3em;
}

    .questions p {
        margin-top: 2em;
        font-size: 0.75em;
        padding: 0 4em;
        line-height: 1.5em;
    }

.question-buttons .col {
    width: 100%;
    text-align: center;
}

.question-buttons button {
    font-size: 1.0em;
    margin: 1.5em 0.5em;
    margin-bottom: 2.5em;
}

.cards.desktop {
    display: block;
}

.cards.mobile {
    display: none;
}

.policing.desktop {
    display: block;
}

.policing.mobile {
    display: none;
}

    .policing.mobile .col {
        padding: 12px;
    }

    .policing.mobile img {
        height: auto;
        width: 90%;
        margin: 1em auto;
    }

    .policing.mobile p.headline {
        font-size: 2.0em;
        color: #0055A5;
        font-weight: 600;
        margin-top: 1em;
    }

    .policing.mobile p {
        font-size: 1.5em;
        line-height: 1.5em;
        padding: 0;
    }

.auditors .desktop {
    display: block;
}

.auditors .mobile {
    display: none;
}

/* for-tablet-portrait */
@media (max-width: 899px) {
    h3 {
        font-size: 2.0em;
    }

    .content-column {
        padding: 0 25px;
    }

    .major-points {
        margin: 1em 0;
    }

    .major-points-content {
        height: 21em;
        font-size: 1.5em;
        max-width: 96%;
        padding: 0;
        line-height: 1.5em;
    }

    .content-column {
        padding: 0 30px;
    }

    .top-cards-header {
        margin-top: -40px;
    }

        .top-cards-header h3 {
            font-size: 1.85em;
        }

    .top-cards .col.cards .col {
        width: 100%;
        max-width: 100%;
    }

    .cards.desktop {
        display: none;
    }

    .cards.mobile {
        display: block;
    }

    .card {
        font-size: 1.6rem;
    }

        .card span {
            line-height: 3.5em;
        }

    .cert-bodies p {
        font-size: 1.4em;
    }

    .auditors .desktop {
        display: none;
    }

    .auditors .mobile {
        display: block;
    }

    .auditors h5 {
        font-size: 2.0em;
    }

    .auditors p {
        font-size: 1.4em;
    }

    .split-card-row {
        font-size: 1.0em;
    }

    .policing.desktop {
        display: none;
    }

    .policing.mobile {
        display: block;
    }

    .questions p {
        font-size: 1.5em;
        padding: 0;
    }
}

.some-junk {
    background: black;
}
