@font-face {
    font-family: "Waldenburg";
    src:
        url('../../font/waldenburg/KMR-Waldenburg-Halbfett.woff2') format('woff2'),
        url('../../font/waldenburg/KMR-Waldenburg-Halbfett.ttf') format('truetype')
    ;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Waldenburg";
    src:
        url('../../font/waldenburg/KMR-Waldenburg-Fett.woff2') format('woff2'),
        url('../../font/waldenburg/KMR-Waldenburg-Fett.ttf') format('truetype')
    ;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body
{
    background-color: #F9FAFC;
    font-family: "Waldenburg", system-ui, sans-serif;
    padding-top: 100px;
    font-size: 16px;
}

h1
{
    font-size: 80px;
}

h5
{
    font-size: 22px;
}

a
{
    text-decoration: none;
    color : #3886AD;
}

.form-col
{
    margin: 0 auto;
    text-align: center;
    width: 50%;
}

label{
    float: left;
}

input
{
    border-radius: 4px !important;
    border: 1px solid #E5E9F2 !important;
    margin-bottom: 1rem;
}

.mdp
{
    color: black;
}

.vignette
{
    background-color: white;
    padding: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    border: 1px solid #E5E9F2;
}

.btn-co
{
    border-radius: 12px;
    border: none;
    width: 100%;
    background-color: #3886AD;
    color: white;
}

.btn-co:hover
{
    background-color: white;
    color: #3886AD;
    border: 1px solid #3886AD;
}

#jaquette
{
    width: 50%;
    margin: 0 auto;
    /* float: right; */
}

@media screen and (max-width: 425px) {
    .form-col{
        width: 75%;
    }
}