* {box-sizing: border-box;}

body {margin: 0%; color: #00cc66; text-align: center; font-family: Georgia, serif;}

.top {/*overflow:visible; position:fixed; top:0%;*/ padding-top: 27px; padding-bottom: 0px; width: 100%; background-color: #ffffff00;}
.mid {/*overflow:visible; position:relative;*/ width: 100%; background-color: #ffffff00;}

.navbar { background-color: #ffffff00; text-align:center;}
.navbar a {padding: 0px 10px; word-wrap: normal; display: inline-block;}
.navbar a:link {color:#000000;}
.navbar a:visited {color:#0000ff;}
.navbar a:hover {color:#ffaa00; text-decoration:underline;}

/* Footer */

.footer {
  position: fixed; bottom: 0; width: 100%;
  background-color: #6f4e37;
  padding: 10px 10px;
  overflow: hidden;
}

.footer a {
  padding: 10px; line-height: 30px;
  float: left; text-align: center;
  color: white; font-size: 18px;
}

.footer a.logo {
  font-size: 25px; font-weight: bold;
}

.footer-right {
  float: right;
}

@media screen and (max-width: 0px){
  .footer a {float: none; display: block; text-align: left;}
  .footer-right {float: none;}
}