body {
    background-color:#FFF;
    }
    
   .header h1.title {
   font-size:2.5em;
   padding-bottom:0em;
   margin-bottom:0em;
   }
   
   .header h1 a {
   /*color:white;*/
   }
   
   .header h1 a:hover {
   text-decoration: none;
   }
   
   .list-inline-item{
   text-transform: capitalize;
   font-size:0.9em;
   border: 0px solid black;
   padding: 0em 1em 0em 0.0em;
   }
   
   .list-inline-item a{
   /*color:white;*/
   }
   
   .list-inline-item a:hover{
   /*color:white;*/
   color:#22A6c7;
   text-decoration: none;
   padding-bottom:0.5em;
   border-bottom:3px solid #1372CE;
   border-bottom:3px solid #22A6c7;
   }
   
   p.text-muted {
   /*color:#CCC !important*/
   }

   table {
    border-collapse: collapse;
  }
  tr { 
    border: solid;
    border-width: 0.5px 0;
    border-color: silver;
  }
  tr:first-child {
    border-top: none;
  }
  tr:last-child {
    border-bottom: none;
  }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .header h1.title {
        width: auto;
        font-size: 1.5em;
    }
    .header ul {
        width: auto;
        font-size: 1rem;
    }
    .h1, h1 {
        font-size: 1.3rem;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .header h1.title {
        width: auto;
        font-size: 1.5em;
    }
    .header ul {
        width: auto;
        font-size: 1rem;
    }
    .h1, h1 {
        font-size: 1.3rem;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
    .header h1.title {
        width: 980px;
    }
    .header ul {
        width: max-content;
    }
}

/* iPhone 4 ----------- */
/* @media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    .header h1.title {
        width: auto;
    }
} */