.fade-white {
    animation-name: fadewhite !important;
    -webkit-animation: fadewhite 1s ease 0s 1 alternate;
}

@keyframes fadewhite {
    to {background-color: #ffffff;}
}

.white {
    background-color: #ffffff !important
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

p, a {
    font-family: 'Inter', sans-serif;
}

a {
    color: black;
    text-decoration: underline;
}

a:hover {
    color: #ea5c33;
}

.divider {
    border-top: 8px solid #ea5c33;
    border-radius: 4px;
    margin: 1em 5em 1em 5em;
 }

 .divider-left {
    border-top: 8px solid #ea5c33;
    border-radius: 4px;
    margin: 1em 0em 1em 0em;
    width: 40%;
 }

.nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 40px;
    text-decoration: none;
    color: black;
}

.custom-nav {
    font-size: 1.5em;
    color: black;
    text-decoration: none;
}

.subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.75em;
}
.sub-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25em;
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

.icon {
    font-size: 2.5em;
    color: black;
    width: 100%;
}

.icon:hover {
    color: #ea5c33;
}

.p-large {
    font-size: 1.25em;
}

.p-larger {
    font-size: 1.75em;
}

.mt-large {
    margin-top: 5em;
}

.mb-large {
   margin-bottom: 5em;
}

.btn-primary {
    text-decoration: none;
    background-color: black;
    border:none;
}

.btn-primary:hover {
    background-color: #ea5c33;
    border:none;
}

.card-subtitle {
    font-size: 20px;
}

.card {
    border-radius: 10px;
    border-color: #bbbbbb;
}

.card-img-top {
    border-radius: 9px 8px 0px 0px;
}