:root {
  --color-blue-1: #027fa6;
  --color-blue-2: #01a0d1;
  --color-gray-1: #a6a6a6;
  --color-gray-2: #bdbdbd;
  --color-gray-3: #d9d9d9;
  --color-gray-4: #f0f0f0;
  --color-white: #ffffff;
  --color-black: #000000;
  --gradient-blue-hero: linear-gradient(to right, #027fa6, #01a0d1);
  --gradient-gray: linear-gradient(to right, #a6a6a6, #bdbdbd, #d9d9d9);
  --spacing-standard-horizontal-padding: 5rem;
  --spacing-max-content-width: 1200px;
  --bg-image-blur-value: 10px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}

:root {
  --spacing-max-content-width: calc(100vw - 15%);
}

@media screen and (min-width: 1200px) {
  :root {
    --spacing-max-content-width: 1200px;
  }
}
* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1em;
  background-color: var(--color-gray-4);
  display: flex;
  flex-direction: column;
}

#page-content {
  flex: 1 0 auto;
}

site-footer {
  flex-shrink: 0;
}

.page-section {
  padding: 0;
}
.page-section .section-container {
  max-width: var(--spacing-max-content-width);
  margin: 0 auto;
}
.page-section h2 {
  color: var(--color-blue-1);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-image: var(--gradient-gray) 1;
}
.page-section h2.no-line {
  border: none;
}

/*# sourceMappingURL=site.css.map */