:root {
    --jay-blue: #00549a;
    --mp-fuchsia: #d61c5b;
    --mp-tang: #f9763d;
    --mp-light-blue: #dee5f0;
    --mp-slate-grey: #b0aeb2;
}

.hero-container {
    background: var(--jay-blue);
}

.hero-container h1 {
    font-size: 2rem;
}

.content-container {
    background: linear-gradient(180deg, var(--jay-blue) 40%, transparent 40%);
}

.testimonial-container {
    background-color: var(--mp-light-blue);
}

.copy-container p {
    font-size: 1.25rem;
}

.quote {
    font-size: 1.5rem;
}

.btn-primary:disabled {
    background-color: var(--mp-slate-grey) !important;
    border-color: var(--mp-slate-grey) !important;
}

.card-box {
    background: white !important;
    margin-bottom: 0;
}

@media screen and (min-width:768px) {
    .content-container {
        background: none;
    }

    .form-container {
        position: absolute !important;
        top: -40%;
        left: 53%;
    }
}

@media screen and (min-width:992px) {
    .form-container {
        position: absolute !important;
        top: -100%;
        left: 55%;
    }

    .quote {
        font-size: 1.75rem;
    }
}

@media screen and (min-width:1330px) {
    .hero-container h1 {
        font-size: 2.5rem;
    }

    .form-container {
        position: absolute !important;
        top: -160%;
        left: 55%;
    }
}