@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/oswald-500.woff2") format("woff2");
}
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/oswald-600.woff2") format("woff2");
}
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/oswald-700.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/open-sans-700.woff2") format("woff2");
}
* { box-sizing: border-box; }
html { background: #fff; }
body {
  margin: 0;
  color: #666;
  background: #fff;
  font-family: Oswald, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
}
/* Preserve the original page's whitespace, including its hidden-header offset. */
main { padding-top: 57px; }
.container { width: 80%; max-width: 1080px; margin: 0 auto; }
.contact { padding: 4% 0; }
.contact-inner { padding: 2% 0; }
.top-space, .bottom-space { height: 23px; }
.contact-details { margin-bottom: 2.75%; text-align: center; }
h1 { margin: 0; padding-bottom: 10px; color: #333; font-size: 30px; font-weight: 600; line-height: 1; }
p { margin: 0; padding-bottom: 1em; }
p:last-child { padding-bottom: 0; }
strong { font-weight: 700; }
a { color: #2ea3f2; text-decoration: none; transition: color 300ms ease; }
a:hover { color: #0c71c3; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
footer { background: #171717; color: #ddd; }
.footer-inner { display: flex; justify-content: space-between; align-items: flex-start; padding: 15px 0 5px; }
.copyright { padding-bottom: 10px; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; }
.facebook { color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 28.8px; }
.facebook:hover { color: #2ea3f2; }
.facebook svg { display: block; }
@media (min-width: 1350px) {
  .contact { padding: 54px 0; }
  .contact-inner { padding: 27px 0; }
}
@media (max-width: 980px) {
  main { padding-top: 80px; }
  .contact { padding: 50px 0; }
  .contact-inner { padding: 30px 0; }
  .contact-details { margin-bottom: 30px; }
  .footer-inner { flex-direction: column-reverse; align-items: center; text-align: center; }
  .facebook { margin-bottom: 10px; }
}