body {
     font-family: 'Titillium Web', sans-serif;
     font-size: 18px;
}
h1,h2,h3,h4,h5,h6 {
     font-family: 'Open Sans', sans-serif;
}
.nav-name {
     color: white;
     margin-top: 5px;
     font-size: 25px;
}
@media (min-width: 769px) {
   .navbar-nav > li > a, .dropdown-menu > li >a {
        font-family: 'Open Sans',sans-serif;
        font-size: 18px;
   }
}
.larger {
     font-family: 'Open Sans',sans-serif;
     font-size:15px;
} 
h1, .h1 {
     margin-bottom: 30px;
}
#site_footer {
     padding: 15px 0;
     background-color: darkred;
}
.navbar-inverse {
     background-color: crimson;
}
.navbar-inverse .navbar-nav > li > a {
     color: white;
}
#sidebar {
     padding-top:3px;
     margin-top: 25px;
     border: 2px solid crimson; 
     border-radius: 5px;
}
#sidebar > h2, #sidebar > h3 {
     margin-top: 0;
}
.img-responsive { 
     max-width:50%;
} 
@media (max-width: 767px) {
#sidebar {
    padding-top: 3px;
    margin-top: 25px;
    border: 2px solid crimson;
    border-radius: 5px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: yellow;
}   
}
.nobr	{ white-space:nowrap; }