#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(123, 31, 162, 1);
    /*text-shadow: 1px 1px #121212;*/
}
#custom-bootstrap-menu.navbar-default {
    font-size: 16px;
/*    background-color: rgba(255, 193, 7, 1);*/
    background-color: rgba(123, 31, 162, 1);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    /*color: rgba(117, 117, 117, 1);
    background-color: rgba(255, 193, 7, 1);*/
    color: rgba(155, 155, 155, 1);
    background-color: rgba(123, 31, 162, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffc107;
}
.navbar-brand{ font-size: 22px; font-weight: bolder; color: aliceblue;}
.navbar-brand{ font-size: 22px; font-weight: bolder; color: aliceblue;}
.navbar-default .navbar-text{ color: white !important; font-weight: bold;}

.violet{
    /*background-color: #d086dd*/
    background-color: rgba(123, 31, 162, 1);
    
    color: white;
}
.violet h1{color: white;}
.yellow {background-color:#FFC107}