h1, h2, h3, h4, h5, h6, .nav-link, .navbar-brand, .dropdown-item {
    font-family: 'Roboto Slab', serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #dfdfdf;
    overflow-x: hidden;

}

a {
    color: #800000;
}

a:hover {
    color: #4a0000;
    text-decoration: none;
}
    .navbar {
        background-color: #800000;
        border-color: #030033;
    }

    .nav-link, .navbar-brand {
        color: #fff;
    }

    .nav-link:hover, .navbar-brand:hover {
        color: #b4b4b4
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff !important; /*Sets the text hover color on navbar*/
    }

    .dropdown-item:hover {
        background-color: transparent;
        color: #b4b4b4;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #fff;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: .75rem 0;
        margin: .4rem 0 0;
        font-size: 1rem;
        /* color: #fff !important; */
        text-align: left;
        list-style: none;
        background-color: #800000;
        background-clip: padding-box;
        border: 0;
        border-radius: 0;
    }

    .navbar-custom .navbar-toggle {
        border-color: #fff;
    }

    .navbar-custom .navbar-toggle:hover,
    .navbar-custom .navbar-toggle:focus {
        background-color: #800000;
    }

    .navbar-custom .navbar-toggle .icon-bar {
        background-color: #FFF;
    }