header.jumbotron {
    color: #fff;
    background-color: #5050c0;
}

div.main{
    font-size: 120%;
}

div.main h2{
   background-position: left center;
   padding:0em 0 0.05em 0.5em;
   text-decoration: none;
   color: #ffffff;
   background: linear-gradient(60deg,#333399, #eeeeff);
   border-radius: 5px;
}

.navbar-inverse {
    background-color: #333399;
}
.navbar-inverse .navbar-nav > li > a
{
    color: #ffffff;
}

.navbar-inverse .navbar-brand {
    color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #bbbbbb;
background-color: transparent;
}

@media (max-width: 767px){

    header.jumbotron h2{
	font-size: 1.6em;
    }
    header.jumbotron h3{
	font-size: 1em;
    }

    div.main h2{
	font-size: 1.4em;
}


 }