h1 {
  font-size: 1em;
  font-weight: normal;
}
h3 {
  font-size: 1.25em;
  font-weight: bold;
  color: #0B3B0B;
}

a {
    font-weight: normal;
	color: black;
}


legalText {
  font-size: 0.75em;
}


.navigation{
		padding: 1em;
		padding-top: 2em;
		text-align: left;
}

.navigation  tr{
		background: white;
}

.navigation  tr:hover {
          background-color: #E6E6E6;
		  color: white;
}



li{
    margin-top: 0.5em;
}

li:first-child {
    margin-top:0;
}


body { 
  font-family: Helvetica, Arial, Geneva, sans-serif;
  font-weight: normal;
  color: black;
}

headingName {
  font-size: 1.5em;
  font-weight: bold;
}

header {
  color: white;
  background-color: #0B3B0B;
  width: 100%;
}

#header-content {
  /*margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  margin-bottom: 1em;*/
  padding: 1em;
  margin: 1em;
  color: white;
  width: 30em;
}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_two_columns_responsive */

* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column_page {
  float: left;
  padding: 10px;
}
.row_page:after {
  content: "";
  display: table;
  clear: both;
}
.left_page {
  min-width: 10em;
  width: 20%;
}
.right_page {
  min-width: 20em;
  width: 80%;
}

.column_contact {
  float: left;
  padding: 10px;
}
.row_contact:after {
  content: "";
  display: table;
  clear: both;
}
.left_contact {
  min-width: 15em;
  width: 33%;
}
.middle_contact {
  min-width: 15em;
  width: 33%;
}
.right_contact {
  min-width: 15em;
  width: 33%;
}



@media screen and (max-width: 600px) {
  .column_page {
    width: 100%;
  }
   .column_contact {
    width: 100%;
  }
}