.font1 {
    font-family: 'Abril Fatface', cursive;
}

.font2 {
    font-family: 'Bakbak One', cursive;
}

.font3 {
    font-family: 'Moon Dance', cursive;
}

.font4 {
    font-family: 'Raleway', sans-serif;
}

.font5 {
    font-family: 'Roboto Flex', sans-serif;
}

.font6 {
    font-family: 'Cinzel', serif;
}

.font7 {
    font-family: 'Cinzel Decorative', cursive;
}

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

.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    background-image: none;
}

.carousel-control-next-icon::after {
    content: "\f0a9" !important;
}

.carousel-control-prev-icon::after {
    content: "\f0a8" !important;
}

.help-block {
    color: #a10000;
}

.gradient-custom1 {
    /* fallback for old browsers */
    background: #ffffff;

    /* Chrome 10-25, Safari 5.1-6 */

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, rgba(249, 247, 247, 0.5), rgba(171, 197, 236, 0.5) 40%, rgba(249, 247, 247, 0.5))
}

#upcoming_btn, #past_btn {
    background: radial-gradient(green, green, darkgreen);
    color: whitesmoke;
}

#upcoming_btn.noActive {
    background: radial-gradient(red, red, darkred);
    color: whitesmoke;
}

div#reunion_history {
    background: linear-gradient(white, rgb(108, 159, 62), rgb(108, 159, 62), rgb(108, 159, 62), rgb(108, 159, 62), rgb(108, 159, 62), rgb(108, 159, 62), white);
}

#reunion_history_pic {
    float: left;
    padding-top: 3rem;
    width: 17em;
    margin-right: 3%;
    margin-bottom: 1%;
}

/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler .fa-bars {
    color: #fff;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler .fa-bars {
    color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scrolled {
    background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 0px) and (max-width: 399.98px) {
    #reunion_history_pic {
        max-width: 100%;
        height: initial;
        width: initial;
        margin-right: 0%;
        margin-bottom: 2%;
    }
}

@media (min-width: 400px) and (max-width: 575.98px) {
    #reunion_history_pic {
        max-width: 100%;
        height: initial;
        width: initial;
        margin-right: 0%;
        margin-bottom: 2%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}