.nav-space-right {
    margin-right: 30px;
}

.nav-space-right-sm {
    margin-right: 15px;
}

.nav-space-leftright {
    margin-left: 15px;
    margin-right: 15px;
}

.space-above {
    padding-top: 60px;
}

.space-above-1 {
    padding-top: 10px;
}

.space-below-1 {
    padding-bottom: 10px;
}

.space-below-2 {
    padding-bottom: 20px;
}

.space-below-3 {
    padding-bottom: 30px;
}

.space-above-3 {
    padding-top: 30px;
}

.space-above-8 {
    padding-top: 80px;
}

.space-sides-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.hero-h1-ram-blue {
    color: #003768;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 64px;
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -.025em;
}

.hero-h1-ram-white {
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 64px;
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -.025em;
}

.hero-h1-ram-orange {
    color: #f39a22;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 64px;
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: -.025em;
}

.hero-h2-ram-blue {
    color: #003768;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
}

.hero-h2-ram-palenavy {
    color: #99bad7;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
}

.hero-h2-ram-orange {
    color: #f39a22;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
}

.hero-h2-ram-white {
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-size: 44px;
    line-height: 1.2;
}

.hero-h3-ram-blue {
    color: #003768;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
}

.hero-h3-ram-orange {
    color: #f39a22;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
}


.hero-h3-ram-white {
    color: #fff;
    font-family: Georgia, "Times New Roman", serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
}

.vgp-faqs h4 {
    padding-top: 10px;
    font-size: 20px;
    color: #1055f1;
}

.vgp-faqs h3 {
    padding-top: 15px;
    padding-bottom: 10px;
}

.vgp-faqs p {
    padding-bottom: 10px;
}

.vgp-faqs ul {
    padding-bottom: 10px;
}

.vgp-faqs a {
    text-decoration: underline;
}

.vgp-faqs .mini-title {
    font-size: 15px;
    font-weight: 800;
    color: #fc7d1f;
    display: inline-block;
}

.side-card .hero-h3-ram-blue {
    margin-top: 34px;
}

.content-grid .hero-h3-ram-blue {
    margin-top: 34px;
}

.hero-h4-ram-blue {
    color: #003768;
    font: 400 25px Georgia,serif;
    margin: 0 0 10px;
}

.ram-blue-quotation {
    font-family: serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #003768;
    font-size: 1.5em;
    font-style: italic;
}

.ram-white-quotation {
    font-family: serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #ffffff;
    font-size: 1.5em;
    font-style: italic;
}

.orange-title-break {
    border-bottom: 3px solid #fc7d1f;
    width: 45px;
    height: 15px;
    margin-bottom: 15px;
}

.white-title-break {
    border-bottom: 3px solid #ffffff;
    width: 45px;
    height: 15px;
    margin-bottom: 15px;
}

.jumbotron {
    margin-bottom: unset;
}

.section-top {
    max-width: 820px;
    margin-bottom: 42px;
}

.pillars {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 22px;
}

.pillar {
    padding: 28px;
    text-align: center;
}

    .pillar img {
        width: 115px;
        margin: 0 auto 18px;
    }

    .pillar p {
        color: #687888;
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        unicode-bidi: isolate;
    }

.people-band {
    padding: 0;
    color: #fff;
}

.people-copy {
    padding: 70px;
}

.people-grid {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    min-height: 480px;
    align-items: stretch;
}

.portrait {
    overflow: hidden;
}

    .portrait img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.section.soft {
    background: #f4f6f7;
}

.centre-action {
    text-align: center;
    margin-top: 24px;
}

.text-link {
    font-weight: 800;
    color: #003768;
    border-bottom: 2px solid #fc7d1f;
    padding-bottom: 4px;
}

    .text-link:hover {
        text-decoration: none;
    }

.narrow-left {
    padding-right: 42%;
}

.lead {
    font-size: 19px;
    color: #4d6070;
}

@media(max-width: 760px) {
    .shell {
        width: min(100% - 30px,1180px)
    }

    .brand {
        width: 210px
    }

    .home-hero {
        min-height: auto
    }

    .hero-copy {
        padding: 68px 0 25px
    }

        .hero-copy h1 {
            font-size: 44px
        }

        .hero-copy p, .page-hero p {
            font-size: 17px
        }

    .hero-card {
        margin-bottom: 38px
    }

    .cred-grid {
        grid-template-columns: 1fr 1fr
    }

        .cred-grid div {
            padding: 18px 12px
        }

    .section {
        padding: 62px 0
    }

        .section h2 {
            font-size: 36px
        }

    .pillars, .split, .two-col, .content-grid, .benefits-grid, .service-grid, .partners-page, .people-list, .value-grid, .contact-grid, .quote-grid {
        grid-template-columns: 1fr
    }

    .stat-cards {
        grid-template-columns: 1fr 1fr
    }

    .narrow-left {
        padding-right: 0;
        background: rgba(255,255,255,.82);
        padding: 25px;
        border-radius: 14px
    }

    .people-grid {
        grid-template-columns: 1fr
    }

    .portrait {
        height: 360px
    }

    .people-copy {
        padding: 44px 26px
    }

        .people-copy h2 {
            font-size: 37px
        }

    .timeline {
        grid-template-columns: 1fr 1fr
    }

    .two-cards, .three-mini, .icon-list {
        grid-template-columns: 1fr
    }

    .callout {
        grid-template-columns: 1fr
    }

    .claim-stat {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.2);
        padding: 20px 0 0
    }

    .page-hero {
        padding: 70px 0
    }

        .page-hero h1 {
            font-size: 45px
        }

    .download-list > div {
        grid-template-columns: 1fr auto
    }

        .download-list > div span {
            display: none
        }

    .contact-top {
        display: none
    }

    .quote-form {
        grid-template-columns: 1fr
    }

    .field.wide {
        grid-column: auto
    }

    .footer-grid {
        grid-template-columns: 1fr
    }

    .next-card {
        flex-direction: column;
        align-items: flex-start
    }

    .culture-hero > span {
        font-size: 34px
    }
}
.pillars.large .pillar {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(2,46,82,.06);
}

.quote-panel {
    margin: 45px auto 0;
    max-width: 850px;
    text-align: center;
    padding: 34px;
    border-top: 1px solid #dde3e8;
    border-bottom: 1px solid #dde3e8;
}

    .quote-panel p {
        font: italic 30px/1.35 Georgia,serif;
        color: #073b69;
        margin: 0;
    }