:root {
    --prime: #8296a5;
    /*--prime-bg: #8296a5;*/
    --prime-bg: #6A8497;
    --second: #f1f1f0;
    --grey: #999999;
}

body {
    font-size: 1rem;
}

.h1 {
    font-size: 2.5rem;
}

.h2 {
    font-size: 2rem;
}
.h3 {
    font-size: 1.5rem;
}

.prime {
    background-color: var(--prime) !important;
}


.second {
    background-color: var(--second) !important;
}

.prime-bg {
    background-color: var(--prime-bg)!important;
}

.main {
    margin: 0;
    padding: 0;
}
.my-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.image-container {
    min-height: 300px;
    width: 100%;
    background-size: cover;
    background-position:center center;
}

.my-flex > div {
    display: inline-block;
}
.btn-wide {
    padding-left: 6rem!important;
    padding-right: 6rem!important;
}
.btn-white {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--primary) !important;
}