h1,h2 {
	    font-weight: 500;
	    -webkit-overflow-scrolling: touch;
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    color: #272c37;

}

li{ 
    font-size: 16px;
font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    
    color: #272c37;
    font-weight: 500;
}

h4 {
	    font-weight: 0;
	    -webkit-overflow-scrolling: touch;
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    color: #272c37;
}
.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 9px 30px;
  cursor: pointer;
  font-size: 15px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}

p{
	font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-style: normal;
	font-size: 16px;
	color: #272c37;
	font-weight: 500;
}
.level2logo{
	    padding: 0; 
}
.red{
  color: red;
}
.navigation-menu ul {
  padding: 0px;
  margin: 0px;

}
ul {   
    padding: 0;
    overflow: hidden;
    background-color: skyblue;
}

li {
    float: none;
}

li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
}

li a:hover {
    background-color: slateblue;
}

#navigation ul
{
	font-size: 1.4em;
}

#navigation ul li
{
    display: inline;
	color:white;
}
#navigation li:not(:first-child):before {
    content: " | ";
}