html {
  height: 100%;
  width: 100%;
}
.topnav {
  overflow: hidden;
  background-color: #333;
}



.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
   width:30.8%;
}


.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: black;
  color: white;
}

#picturefull{
  width:100%;
  height:200px;
}

.bordimg{
  border: solid black 2px;
}
.columnh {
  float: left;
  width: 50%;
  padding: 10px;
}
.columng {
  float: right;
  width: 50%;
  padding: 10px;
}

.row:after {
  width:100%;
  height:50%;
}

.row:after {
  content: "";
  display: table;
  clear: both;

}
table,
th,
td {
  border: 3px solid black;
  text-align: center;
}

textarea {
   margin-top: 10px;
   height: 100px;
   width: 95%;
}
.center{
  text-align: center;
  width: 95%;
  clear: left;
}

#backevery{
  background-color: #ebebeb;
}


.column3 {
  float: left;
  width: 33.33%;
  padding: 10px;
}

footer {
  width: 100%;
  clear: left;
  text-align: center;
  font-size: 1.2em;
  margin-top: 30px;
  border-top: 2px solid rgba(0,2,100,.5);
}