* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-image: url("background.svg");
  background-position: 100% 100%;
  background-repeat: repeat-y;
}

body .main-layout {
  max-width: 1200px;
  min-height: 100vh;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, white), color-stop(80%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
}

body .main-layout main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

body .main-layout main nav {
  width: 25%;
  min-width: 25%;
}

body .main-layout main nav .nav-logo {
  min-height: 150px;
  color: white;
}

body .main-layout main nav ul {
  list-style: none;
}

body .main-layout main nav ul li {
  text-align: center;
  border-bottom: 1.75px solid #820000;
  padding: 0.4em;
}

body .main-layout main nav ul li a {
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  font-weight: 500;
}

body .main-layout main article {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 3.5px solid #820000;
}

body .main-layout main article .gallery {
  row-gap: 1em;
}

body .main-layout main article .gallery > div {
  height: 300px;
}

body .main-layout main article .gallery > div img {
  -o-object-fit: cover;
     object-fit: cover;
}

body .main-layout main article .contact-details {
  border-bottom: 1.75px solid #555555;
}

body .main-layout main article .contact-form-content input,
body .main-layout main article .contact-form-content textarea {
  width: 100%;
  margin-bottom: 1em;
  padding: 5px 10px;
  border-radius: 0px;
  border-width: 1px;
  border-color: #555555;
}

body .main-layout main article .contact-form-content input:last-of-type {
  margin-bottom: 0;
}

body .main-layout main article .contact-form-actions button {
  background: #820000;
  color: white;
  text-transform: uppercase;
  padding: 7.5px 15px;
  border: 1px solid #555555;
}

body .main-layout footer {
  border-top: 3.5px solid #820000;
}

body .main-layout footer .footer-main {
  min-height: 100px;
}

body .main-layout footer .footer-main > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .main-layout footer .footer-main > div.footer-logo {
  background: #555555;
}

body .main-layout footer .footer-main .footer-logo img {
  height: 100px;
  -webkit-filter: invert(1);
          filter: invert(1);
}

body .main-layout footer .footer-copyright {
  color: #555555;
  font-size: 0.85em;
}

body .main-layout .footer-address,
body .main-layout .footer-contact,
body .main-layout .contact-details-address,
body .main-layout .contact-details-contact {
  line-height: 1.3;
}

body .main-layout .footer-address .footer-header,
body .main-layout .footer-address .contact-details-header,
body .main-layout .footer-contact .footer-header,
body .main-layout .footer-contact .contact-details-header,
body .main-layout .contact-details-address .footer-header,
body .main-layout .contact-details-address .contact-details-header,
body .main-layout .contact-details-contact .footer-header,
body .main-layout .contact-details-contact .contact-details-header {
  font-weight: bold;
  display: block;
  text-align: center;
}

body .main-layout .footer-address .footer-content *,
body .main-layout .footer-address .contact-details-content *,
body .main-layout .footer-contact .footer-content *,
body .main-layout .footer-contact .contact-details-content *,
body .main-layout .contact-details-address .footer-content *,
body .main-layout .contact-details-address .contact-details-content *,
body .main-layout .contact-details-contact .footer-content *,
body .main-layout .contact-details-contact .contact-details-content * {
  display: block;
  text-align: center;
}

body .main-layout .footer-address a,
body .main-layout .footer-contact a,
body .main-layout .contact-details-address a,
body .main-layout .contact-details-contact a {
  font-weight: 500;
  color: unset;
  text-decoration: none;
}
/*# sourceMappingURL=style.css.map */