/* Begin Additional CSS Styles */
body {font-family: Arial, Helvetica, sans-serif;}

body {margin:0;}

.navbarcl {
  overflow: hidden;
  background-color: #33cc33;
  /*position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  
}

.navbarcl a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
}

.navbarcl a:hover {
  background-color: #006600;
}

.activecl {
  background-color: #04AA6D;
}

@media screen and (max-width: 500px) {
  .navbarcl a {
    float: none;
    display: block;
  }
.maincl {
  padding: 16px;
  margin-top: 30px;
  height: 2000px; /* Used in this example to enable scrolling */
}  
}
/* End Additional CSS Styles */