h1, h2, h3{
  font-family: Georgia, sefif;
  line-height: 2em;
}

main, header{
  padding-inline: 10vw;
  text-align: justify;
}

aside{
  margin-top: 30px;
  text-align: right;
  font-size: .8rem;
}

footer ul {
  padding-inline: 12vw;
}

header img {max-width: 100%}

footer {
  background: #00778d;
  padding: 10px 0;
}
footer li {
  text-indent: 5px;
}
footer li::marker {
  content: "\203A";
  font-size: 20px;
  color: #42a756;
}

footer li a {
  color: #FFF;
}

header {
  display: flex;
  padding-top: 10px;
}

header nav{
  margin-top: 20px;
}

header nav ul{
  list-style: none;
}
header nav li{
  display: inline;
  margin-right: 10px;
}

header nav li a{
  display: inline;
  text-decoration: underline;
  color: #000;
  font-weight: bold;
}

.wpp-link{
  background: #25D366;
  color: #FFF;
  padding: 6px;
  border-radius: 4px;
  font-size: 20px;
}

footer {
  display: flex;
}

footer .wpp-link-wrapper{
  margin-top: 20px;
}

@media (max-width: 767px) {
  main{
    padding-inline: 1vw;
  }
  footer ul {
    padding-inline: 1vw;
  }
  header nav{ display: none }
  footer {display: block; padding: 10px 0 20px 10px;}
}