/* Add a black background color to the top navigation */
	.topnav {
	  background-color: #333;
	  overflow: hidden;
	}
	
	/* Style the links inside the navigation bar */
	.topnav a {
	  float: left;
	  display: block;
	  color: #f2f2f2;
	  text-align: center;
	  padding: 8px 10px;
	  text-decoration: none;
	  font-size: 13px;
	}
	
	/* Change the color of links on hover */
	.topnav a:hover {
	  background-color: #dc2d1a;
	  color: white;
	}
	
	/* Add an active class to highlight the current page */
	.topnav a.active {
	  background-color: #dc2d1a;
	  color: white;
	}
	
	/* Hide the link that should open and close the topnav on small screens */
	.topnav .icon {
	  display: none;
	}
	/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}