:root { --header: "Roboto Condensed", sans-serif; --bodytext: "Inter", sans-serif, system-ui; --primary: #cd4d00; --primaryDark: #bc3612; --secondary: #f96800; --accent: #4f4f4f; --text: #6d6d6d; --light: #f6f6f6; --offwhite: #FAF9F6; --white: #FFFFFF; --error: #ea1000; }
html { text-size-adjust: 100%; font-family: sans-serif; scroll-behavior: smooth; height: 100vh; }
body { color: var(--text); display: flex; flex-direction: column; font-family: var(--bodytext); font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0px; position: relative; text-align: left; height: 100%; padding: 0px !important; }
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px; margin-bottom: 0.5rem; font-family: var(--header); font-weight: 500; text-align: left; text-rendering: optimizelegibility; line-height: 1.2; color: rgb(51, 51, 51);
  & a { color: inherit; }
}
.h1, h1 {
  font-size: calc(1.375rem + 1.5vw);
  @media (min-width: 1200px) {
  font-size: 2rem;
}
}
.h2, h2 {
  font-size: calc(1.3rem + 0.6vw);
  @media (min-width: 1200px) {
  font-size: 1.75rem;
}
}
.h3, h3 {
  font-size: calc(1.25625rem + 0.075vw);
  @media (min-width: 1200px) {
  font-size: 1.3125rem;
}
}
.h4, h4 { font-size: 1.125rem; }
.h5, h5 { font-size: 1rem; }
.h6, h6 { font-size: 0.875rem; }
.d-none { display: none; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0px; }
strong, b { font-weight: bold; }
p { line-height: 1.7em; margin: 0.5em 0px; }
a {
  color: var(--primary); text-decoration: none; transition: 0.4s;
  &:hover, &:focus { color: var(--highlight); text-decoration: none; }
}
@media (min-width: 1440px) {
  .container { max-width: 1240px !important; }
}
@media (min-width: 1640px) {
  .container { max-width: 1440px !important; }
}
@media (min-width: 1840px) {
  .container { max-width: 1640px !important; }
}
@media (min-width: 2040px) {
  .container { max-width: 1840px !important; }
}
main {
  display: flex; flex-direction: column; left: 0px; height: 100%; padding: 0px 30px;
  & .wrapper {
  flex: 1 0 auto; height: auto; margin: 0px auto; position: relative; width: 100%; display: flex; justify-content: center; align-items: center; flex-flow: column wrap;
  & .contentBlock {
  & .messageBlock { max-width: 580px; }
}
}
}
footer {
  position: relative; z-index: 1; text-align: center; margin-top: 40px;
  & img {width: 150px;}
  & .addressBlock {
  display: block;
  & a { color: var(--primary); }
}
}
@media (min-width: 0px) and (max-width: 991px) {
  footer { margin-top: 90px; }
}