body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/* Set black background color  */
.navbar-custom {
    margin-bottom: 0;
    border-radius: 0;
    background-color: #2D2D7D;
}

    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: white;
    }
    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: white;
    }

    .navbar-custom .nav-item:active .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: #2D2D7D;
        background-color: white;
    }

    .navbar-custom .navbar-toggle .icon-bar {
        background-color: #fff;
        margin: 0 0 4px;
        width: 25px;
        height: 5px;
    }

    .dropdown-toggle{
        color:white;
    }

/* Set black background color, white text and some padding */
footer {
    background-color: #2D2D7D;
    color: white;
    padding: 15px;
}

.modal-md {
    max-width: 50%;
}

.modal-lg {
    max-width: 80%;
}