html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif;
  color: #e40520;
}

html .wrapper, body .wrapper {
  border-top: 4px solid #737373;
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}

html .wrapper > header, body .wrapper > header {
  padding: 24px;
}

html .wrapper > header h1, body .wrapper > header h1 {
  position: relative;
  margin-top: 60px;
  margin-left: 130px;
  padding-bottom: 60px;
  width: 180px;
}

@media screen and (max-width: 440px) {
  html .wrapper > header h1, body .wrapper > header h1 {
    margin-left: auto;
    margin-right: auto;
  }
}

html .wrapper > header h1 img, body .wrapper > header h1 img {
  width: 100%;
}

html .wrapper > header h1:after, body .wrapper > header h1:after {
  content: '';
  background-color: #a1bfca;
  bottom: 0;
  display: block;
  height: 4px;
  left: 74%;
  position: absolute;
  transform: translateX(-50%);
  width: 120px;
}

html .wrapper > footer, body .wrapper > footer {
  background-color: #737373;
  color: #ffffff;
  padding: 24px;
  padding-top: 124px;
  clip-path: polygon(0 104px, 100% 0, 100% 100%, 0 100%);
}

html .wrapper > footer h1, body .wrapper > footer h1 {
  width: 100px;
  margin: 0;
}

html .wrapper > footer h1 img, body .wrapper > footer h1 img {
  width: 100%;
}

html .wrapper > footer address, body .wrapper > footer address {
  font-style: unset;
}

html .wrapper > footer address a, body .wrapper > footer address a {
  color: #ffffff;
  text-decoration: none;
}

html .wrapper > footer iframe, body .wrapper > footer iframe {
  filter: grayscale(100%);
  margin-top: 24px;
}
/*# sourceMappingURL=main.css.map */