/* begin styles from w3c template */
  
     /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* end styles from w3c template */
  
    /* Make all images responsive */
    img {
      max-width: 100%;
      height: auto;
    }
    
    /* Make all headers smaller */
    h1, h2 {
      font-size: 1.5em;
    }
    h3, h4 {
      font-size: 1em;
    }
    
    /* Make all lists spacious */
   li{
    margin: 20px 0;
    }
    
    /* make sure "main" element is displayed as block for older browsers */
    main {
      display:block;
    }
    
    /* stop site from going too wide on large screens */
    .container-fluid {
      max-width: 1200px;
    }
    
    /* footer formatting */
    footer {
      color: DarkBlue
      padding: 10px;
      background-color: CornflowerBlue;
    }

    footer a:hover,
    footer a:focus {
      color: DarkBlue;
    }

    footer a {
      color: DarkBlue;
    }
    
    /* navbar formatting */
    /* navbar */
    .navbar-inverse {
      background-color: CornflowerBlue;
      border-color: #E7E7E7;
    }

    /* title */
    .navbar-inverse .navbar-brand {
      color: DarkBlue;
    }
    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
      color: DarkBlue;
    }

    /* link */
    .navbar-inverse .navbar-nav > li > a {
      color: White;
    }
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
      color: DarkBlue;
    }
    .navbar-inverse .navbar-nav > .active > a, 
    .navbar-inverse .navbar-nav > .active > a:hover, 
    .navbar-inverse .navbar-nav > .active > a:focus {
      color: DarkBlue;
      background-color: #E7E7E7;
    }
    .navbar-inverse .navbar-nav > .open > a, 
    .navbar-inverse .navbar-nav > .open > a:hover, 
    .navbar-inverse .navbar-nav > .open > a:focus {
      color: DarkBlue;
      background-color: #D5D5D5;
    }

    /* Site title and subtitle formatting */
    .header_title, .header_subtitle {
      color: #00008B;
    }

    .header_title {
      font-family: 'Italianno', cursive;
      font-size: 2em;
      margin-left: 20px;
    }

    #header a {
      text-decoration: none;
      color: darkblue;
    }

    #header, {
      background-color: #6495ED;
    }
    
    /* more from W3C template */
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
      }