/* mfbs styles */
body {
    background: #ffffff url('back.jpg') center 0px repeat-x;
    color: #ffffff;
}

.footer {
    background-color: #0D212A;
}

.footer, .footer a, .footer a:visited, .form-fine-print {
    opacity: 1;
    color: #81949c;
}

.footer a:hover,
.footer a:active {
    color: #a8b3b8;
}

.btn.btn-primary {
    background-color: #FEC047;
    border-color: #FEC047;
    transition-property: filter;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    box-shadow: none;
    transition-property: filter;
    filter: brightness(70%) saturate(130%) contrast(150%);
}

.btn.btn-primary:not(:disabled):not(.disabled):active {
    box-shadow: none;
    background-color: #D77802;
    border-color: #D77802;
}

.btn.btn-default {
    opacity: 0.4;
}

.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
    opacity: 0.6;
}

.alert-danger {
    color: #FFB75E;
    background: transparent;
    border-color: #FEC047;
    display: inline-block;
}

.offer-headline {
    margin: 0.3em 0 1em;
}

.offer-box {
    background-color: #0D212A;
    padding: 20px 0;
}

.offer-text {
    margin-top: 30px;
}

.form-container h3 {
    color: #FEC047;
}

.invalid-feedback {
    color: #FEC047;
}

.was-validated .form-control:invalid,
.was-validated .form-control:invalid:focus .was-validated .form-control.is-invalid,
.was-validated .form-control.is-invalid:focus {
    border-color: #FEC047;
    background-color: #FDDAAE;
}

.was-validated .form-control.is-invalid:valid,
.was-validated .form-control.is-invalid:valid:focus {
    border-color: #FEC047;
    background-color: #FDDAAE;
}

.was-validated .form-check-input:invalid~.form-check-label,
.was-validated .form-check-input.is-invalid~.form-check-label {
    color: #FEC047;
}

.bouncing.ball.spinner {
    opacity: 1;
}

.bouncing.ball.spinner>div {
    background-color: #676189;
}


@media (max-width: 575px) {
    .cover-container.flex-column.p-3 {
        padding: 0 !important;
    }

    main.inner.cover.container {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    .offer-headline {
        margin: 0.3em 1.5em .5em;
        font-size: 30px;
    }

    main.inner.cover.container .row {
        margin: 0;
    }

    .offer-text {
        margin: 10px 30px;
    }
}