body {
  padding: 2;
  margin: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #000000;
  margin: 50px;
}

img {
    max-width: 100%;
    border: 1px solid #159957;
  }

  h1,
  h2,
  h3
  {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: bolder;
    color: #159957;
  }
  
  h4,
  h5,
  h6 {
  color:#000000;
  }

  p {
    margin: 0;
  }
  
  ul {
  	margin: 20px;
  }

  hr {
	color: #159957;
	width: 100%;
	align-self: left;
	height: 1px;
    background-color: #159957;
    border: none;
    align-items: left;
  }

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #a2d68d;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: white;
  text-align: center;
  font-weight: bolder;
  padding: 14px 16px;
  text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #159957;}

ul.topnav li a.active {background-color: #159957;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
}