/**
 * Generic elements.
 */
body {
    position: relative;
    background-color: #ccc;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0px;
}
a {
  color: #0074BD;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #cccccc;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin: 10px 0;
}
h1 {
  font-size: 1.538em;
}
h2 {
  font-size: 1.385em;
}
h3 {
  font-size: 1.231em;
}
h4 {
  font-size: 1.154em;
}
h5,
h6 {
  font-size: 1.077em;
}
p {
  margin: 1em 0;
}
#content h1{
  color: #006880;
}
#content{
  width: auto;
  padding: 0px;
  margin: 0px 30px;
  background-color: #fff;
  text-align: center;
}
#logo{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#svg_logo{
  width: 300px;
  margin: 0 auto;
  font-family: "Filson Soft, sans-serif";
}
#links a{
    font-size: 1.2em;
  display: inline-block;
  margin: 25px;
  padding: 10px 20px;
  background-color: rgb(14, 143, 48);
  color: #fff;
}

#links a:active,
#links a:hover {
  background-color: #276327;
}
#header-info{
  height: 30px;
  margin-bottom: 25px;
  background-color: #f1f1f1;
}
#copyright{
    border-top: 5px solid #1a96d4;
  background-color: #ccc;
  padding-top: 25px;
  text-align: center;
    font-size: 0.8em;
}


@media (max-width: 767px) {
  #content {
    width: auto;
    margin: 0px;
      background-color: #fff;
      text-align: center;
  }

  #header-info{
      height: 15px;
  }

}

@media (max-width: 468px) {
  #header-info {
   display: none;
  }
  #copyright{
    border-top: 5px solid #1a96d4;
  background-color: #ccc;
  padding: 25px;
}
#links a{
  display: block;
  margin: 25px 50px;
}

}