/* Original Webflow appearance, with only the styles used by the current page. */
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/playfair-display-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/work-sans-latin-400.woff2") format("woff2");
}

* { box-sizing: border-box; }
html { height: 100%; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  height: 100%;
  min-height: 100%;
  color: #333;
  background: #f2f4ff;
  font: 14px/20px Arial, sans-serif;
}
.hero {
  min-height: 100%;
  padding-bottom: 50px;
  background-image: linear-gradient(326deg, #9280ffbd, #ffffff80);
}
.container {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}
.container::before, .container::after { content: " "; display: table; }
.container::after { clear: both; }
.logo {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 100%;
  height: 40px;
  margin-top: 101px;
  margin-bottom: 29px;
  border: 0;
}
h1 {
  margin: 39px 0 10px;
  color: #153666;
  text-align: center;
  font: 700 45px/60px "Playfair Display", sans-serif;
}
.introduction {
  margin: 40px 0 10px;
  color: #153666;
  text-align: center;
  font: 400 20px/30px "Work Sans", sans-serif;
}
.contact {
  margin: 15px 0 10px;
  color: #153666;
  text-align: center;
  font: 400 20px/30px "Work Sans", sans-serif;
}
a { color: #153666; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }
a:focus-visible { outline: 2px solid #153666; outline-offset: 5px; border-radius: 2px; }
.error-copy { margin: 40px 0 20px; color: #153666; font: 400 20px/30px "Work Sans", sans-serif; }
@media screen and (max-width: 991px) {
  .container { max-width: 728px; }
  .hero { padding-bottom: 20px; }
  .introduction, .contact { margin-top: 20px; font-size: 18px; line-height: 26px; }
}
@media screen and (max-width: 767px) {
  .container { padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 479px) {
  .container { max-width: none; }
  h1 { margin-top: 22px; margin-bottom: 30px; font-size: 30px; line-height: 45px; }
  .introduction, .contact { font-size: 18px; line-height: 24px; }
}
