:root {
    --bs-primary: rgb(166,25,46);
    --bs-secondary: rgba(25, 120, 166, 1);
    --bs-success: rgba(16,170,22,1);
    --bs-dark: rgba(34, 34, 34, 1);

    /* --bs-font-sans-serif */
    --bs-font-sans-serif: Nunito, Arial;
}

.text-primary { color: var(--bs-primary) !important; }
.bg-primary { background-color: var(--bs-primary) !important; }
.border-primary { border-color: var(--bs-primary) !important; }

.text-secondary { color: var(--bs-secondary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }

#logo {}

.hero p {
    font-size: 18px
}

@media only screen and (min-width: 680px) {
    #logo {
        margin-bottom:-60px
    }
    .hero p {
        font-size: 28px
    }
}

.alert.alert-red {
    color: rgb(171, 65, 65);
    background: rgba(35,34,52,1);
    border: 2px solid #33314d
}

body {
    font-size: 14px !important;
}
body .container {
    max-width: 940px;
}


.topform {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
}