* { font-family:Verdana, Geneva, sans-serif; }

.maintop {
  background-color: red;
}

.menu {
  background-color: green;
}

/***-- - F O O T E R - --*********************************/
footer {
  color: #fff;
}
footer ul {
  list-style-type: none;
  padding: 10px;
}
footer ul li {
  border-bottom: 1px solid #176887;
  padding: 5px 20px 5px 5px;
}
footer ul li:hover {
  border-bottom: 1px solid #2c738f;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #d0d0d0;
}
footer .container {
  background-color: #00557c;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
footer .container .footercolumn {
  padding: 10px;
  width: 20%;
  background-color: #00557c;
}
footer .container .footercolumn100 {
  width: 100%;
  text-align: center;
  line-height: 2rem;
  background-color: #00557c;
  padding-bottom: 20px;
}
footer .container .footercolumn100 a {
  padding-right: 30px;
}

@media only screen and (max-width: 900px) {
  footer .container .footercolumn {
    width: 45%;
  }
}
@media only screen and (max-width: 680px) {
  footer .container .footercolumn {
    width: 99%;
  }
}