body {
    background-color: white !important;
}

.main {
    background-color: #252A36 !important;
    color: white !important;
}

.footer {
    background-color: white;
}

.main-menu .btn-light {
    background-color: white;
    border-color: white;
}

p {font-family: Futura Demi;}

.home hr {background-color: white;}

h1, h2, h3, h4, h5, h6 {font-family: Futura Demi Bold;}

.card {
    color: black !important;
}

label abbr {
    text-decoration: none !important;
    margin-right: 10px;
    color: red;
}

p abbr {
    color: red;
    text-decoration: none !important;
}

.error-message {
    color: #C53730;
    line-height: 14px;
    text-align: center;
    margin: 0;
}

.main-menu .dropdown-menu {
    min-width: 15rem;
}

.main-menu .dropdown-menu > ul {
    list-style: none;
    border-radius:  5px;
}


.main-menu .dropdown-menu li:hover {
    background-color: #dae0e5 !important;
}


.mo-menu .dropdown-menu {
    min-width: 9rem;
}

.widget-home .card-header {
    background-color: #252A36 !important;
    color: white !important;
}

.widget-home .card-header > button {
    color: white !important;
    cursor: pointer;
}

.widget-home .card-text {
    border-radius: 0.25rem;
    padding: 0.75rem;
}

.widget-home .question {
    background-color: rgb(164, 164, 164) !important;
}

.widget-home .response {
    background-color: rgb(63, 80, 104) !important;
    color: white !important;
}

.widget-home .response > a {
    color: white !important;
}

.news-content {
    color: black;
}

.min-vh-10 { min-height: 10vh !important; }
.min-vh-20 { min-height: 20vh !important; }
.min-vh-25 { min-height: 25vh !important; }
.min-vh-50 { min-height: 50vh !important; }
.min-vh-75 { min-height: 75vh !important; }

.min-vw-10 { min-width: 10vw !important; }
.min-vw-20 { min-width: 20vw !important; }
.min-vw-25 { min-width: 25vw !important; }
.min-vw-50 { min-width: 50vw !important; }
.min-vw-75 { min-width: 75vw !important; }

.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-80 { width: 80% !important; }
.w-90 { width: 90% !important; }

.mh-25 { max-height: 25% !important; }
.mh-50 { max-height: 50% !important; }
.mh-75 { max-height: 75% !important; }

.mw-25 { max-width: 25% !important; }
.mw-50 { max-width: 50% !important; }
.mw-75 { max-width: 75% !important; }