@font-face {
    font-family: "Nyala";
    src: url("font/nyala.ttf") format('truetype');
}

@font-face {
    font-family: "Formal Script";
    src: url("font/FormalScript421BT.ttf") format('truetype');
}

.kwanzaa-font {
    font-family: "Formal Script", "Nyala", serif;
}

.navbar {
    background-color: transparent;
}

.navbar1 {
    background-color: #212121;
}

.top-nav-collapse {
    background-color: #212121;
}


@media only screen and (max-width: 575.98px) {
    .navbar {
        background-color: #212121;
    }
}

@media (min-width: 576px) {
    .container1 {
        min-width: 80%;
        max-width: 80%;
    }
}

@media (min-width: 768px) {
    .container1 {
        min-width: 80%;
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .container1 {
        min-width: 80%;
        max-width: 80%;
    }
}

@media (min-width: 1200px) {
    .container1 {
        min-width: 80%;
        max-width: 80%;
    }
}

.container1 {
    margin: 0 auto;
}

html, body {
    height: 100%;
    width: 100%;
}

.section {
    height: 100%;
    width: 100%;
    margin: auto;
    display: table;
    top: 0;
    background-size: cover;
}

.section .inner {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    max-width: none;
}

.section1 {
    height: 100%;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    top: 0;
    background-size: cover;
}


.content {
    max-width: 2000px;
    margin: 0 auto;
    text-align: center;
}

    .content h1 {
        font-family: 'Open Sans', sans-serif;
        /*font-family: 'Original Surfer', cursive;
    font-family: 'David Libre', serif; */
        color: black;
        text-shadow: 0px 0px 3000px white;
        font-size: 600%;
    }

.card_img1 {
    /*min-width: 250px;*/
}

.card-body-cascade {
    font-family: 'Open Sans';
}

.main-raised {
    margin: -60px auto;
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.main-raised1 {
    margin: -20vh 0 0;
    padding: 40px
}

.main-lowered {
    margin: 0 0 -60px 0;
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.definitions-list li {
    padding: 3px 0;
}

.btn-floating span {
    font-size: 1.25rem;
    line-height: 47px;
}

.btn-floating span {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #ffffff;
}

.btn-floating.btn-sm span {
    font-size: 0.96154rem;
    line-height: 36.15385px;
}

.btn-floating.btn-lg span {
    font-size: 1.625rem;
    line-height: 61.1px;
}

.faq li a {
    color: red;
    text-decoration: underline;
    cursor: pointer;
    -webkit-tap-highlight-color: red;
}

    .faq li a: hover, .faq li a:focus {
        color: green;
    }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

a .nav-link {
    background-color: red;
}

@font-face {
    font-family: "KwanzaaFont", Monospace;
    src: url("font/FormalScript421BT.ttf");
}

.horizontal-line {
    border: none;
    height: 5px;
    color: #48311D;
    background-color: #48311D;
    width: 90%;
}

.red-link {
    color: #A1121C;
    text-decoration: underline;
    font-weight: bold;
}

.red-link:hover {
    color: green;
    font-size: 1.25em;
}

.my-tab-link:link {
    color: green;
}

.my-tab-link:active {
    color: black;
}

.my-tab-link:hover {
    color: #008F00;
}

.body-style {
    font-family: 'Nyala', serif;
    font-weight: 700;
    color: black;
    font-size: 1.5em;
}

.symbol-definition {
    font-size: 0.9em;
    text-align: center;
}
/*
#section6 {background: #CA7C4E;}
#section6 {background: -webkit-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%)};
#section6 {background: -moz-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%)};
#section6 {background: -o-linear-gradient(bottom left, #EEBE6C 0%, #CA7C4E 100%)};
#section6 {background: linear-gradient(to top right, #EEBE6C 0%, #CA7C4E 100%)}; 
*/

.img-center {
    margin: 0 auto;
    width: 100%;
}

.hyphenate {
    /* Careful, this breaks the word wherever it is without a hyphen */
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* Adds a hyphen where the word breaks */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}