*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html {
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  background-color: #f5f5f5;
  padding: 0;
  text-rendering: optimizeLegibility;
  line-height: 1.875rem;
  color: #3c3c3c;
  font-family: "Libre Baskerville", "Times New Roman", serif;
  font-size: 1rem;
  font-weight: 200;
  -webkit-font-smoothing: antialiased; }

footer,
main,
menu,
nav,
section {
  display: block; }

img {
  max-width: 100%;
  height: auto; }

.hidden {
  display: none; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-uppercase {
  text-transform: uppercase; }

.align-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }

.no-margin-bottom {
  margin-bottom: 0; }

.no-padding-bottom {
  padding-bottom: 0; }

hr {
  margin-bottom: 3.125rem;
  border-width: 1px 0 0;
  border-color: rgba(255, 255, 255, 0.2);
  width: 12.5rem;
  color: #7e7e7e; }

.show-for-small {
  display: block; }
  @media screen and (min-width: 600px) {
    .show-for-small {
      display: none; } }

.show-for-medium {
  display: none; }
  @media screen and (min-width: 600px) {
    .show-for-medium {
      display: block; } }

.show-for-large {
  display: none; }
  @media screen and (min-width: 900px) {
    .show-for-large {
      display: block; } }

.show-for-xlarge {
  display: none; }
  @media screen and (min-width: 1200px) {
    .show-for-xlarge {
      display: block; } }

.show-for-xxlarge {
  display: none; }
  @media screen and (min-width: 1600px) {
    .show-for-xxlarge {
      display: block; } }

.padding-v-xxs {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media screen and (min-width: 900px) {
    .padding-v-xxs {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }

.margin-b-xxs {
  margin-bottom: 0.625rem; }
  @media screen and (min-width: 900px) {
    .margin-b-xxs {
      margin-bottom: 0.9375rem; } }

.padding-v-xs {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  @media screen and (min-width: 900px) {
    .padding-v-xs {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; } }

.margin-b-xs {
  margin-bottom: 1.25rem; }
  @media screen and (min-width: 900px) {
    .margin-b-xs {
      margin-bottom: 1.25rem; } }

.padding-v-sm {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  @media screen and (min-width: 900px) {
    .padding-v-sm {
      padding-top: 1.875rem;
      padding-bottom: 1.875rem; } }

.margin-b-sm {
  margin-bottom: 1.25rem; }
  @media screen and (min-width: 900px) {
    .margin-b-sm {
      margin-bottom: 1.875rem; } }

.padding-v-md {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }
  @media screen and (min-width: 900px) {
    .padding-v-md {
      padding-top: 5rem;
      padding-bottom: 5rem; } }

.margin-b-md {
  margin-bottom: 1.875rem; }
  @media screen and (min-width: 900px) {
    .margin-b-md {
      margin-bottom: 5rem; } }

.padding-v-lg {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }
  @media screen and (min-width: 900px) {
    .padding-v-lg {
      padding-top: 5rem;
      padding-bottom: 5rem; } }

.margin-b-lg {
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 900px) {
    .margin-b-lg {
      margin-bottom: 5rem; } }

.padding-v-xl {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem; }
  @media screen and (min-width: 900px) {
    .padding-v-xl {
      padding-top: 6.25rem;
      padding-bottom: 6.25rem; } }

.margin-b-xl {
  margin-bottom: 3.75rem; }
  @media screen and (min-width: 900px) {
    .margin-b-xl {
      margin-bottom: 6.25rem; } }

.column-small-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 8.33333%;
  min-width: 0; }

.column-small-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16.66667%;
  min-width: 0; }

.column-small-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
  min-width: 0; }

.column-small-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33333%;
  min-width: 0; }

.column-small-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 41.66667%;
  min-width: 0; }

.column-small-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
  min-width: 0; }

.column-small-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 58.33333%;
  min-width: 0; }

.column-small-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 66.66667%;
  min-width: 0; }

.column-small-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 75%;
  min-width: 0; }

.column-small-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 83.33333%;
  min-width: 0; }

.column-small-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 91.66667%;
  min-width: 0; }

.column-small-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0; }

@media screen and (min-width: 600px) {
  .column-medium-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
    min-width: 0; } }

@media screen and (min-width: 600px) {
  .column-medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
    min-width: 0; } }

@media screen and (min-width: 900px) {
  .column-large-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
    min-width: 0; } }

@media screen and (min-width: 1200px) {
  .column-xlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%;
    min-width: 0; } }

@media screen and (min-width: 1600px) {
  .column-xxlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0; } }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 1.875rem;
  width: 100%;
  max-width: 75rem; }
  .row.row-reverse {
    -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; }

.hide-for-small.hide-for-small {
  display: none; }
  @media screen and (min-width: 600px) {
    .hide-for-small.hide-for-small {
      display: inherit; } }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 1.3125rem;
  text-rendering: optimizeLegibility;
  color: #3c3c3c;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 500;
  font-style: normal; }

h3,
.h3,
h4,
.h4 {
  margin-bottom: 1.125rem; }

h5,
.h5,
h6,
.h6 {
  margin-bottom: 0.75rem;
  letter-spacing: 0.125rem; }

h1,
.h1 {
  font-size: 1.625rem; }

@media screen and (min-width: 600px) {
  h1,
  .h1 {
    line-height: 1.35;
    font-size: 1.9375rem; } }

h2,
.h2 {
  line-height: 1.25;
  font-size: 1.5rem; }

h3,
.h3 {
  line-height: 1.5;
  font-size: 1.25rem; }

h4,
.h4 {
  line-height: 1.76;
  font-size: 1.0625rem; }

h5,
.h5 {
  text-transform: uppercase;
  line-height: 1.7;
  letter-spacing: 0.125rem;
  font-size: 0.875rem; }

h6,
.h6 {
  text-transform: uppercase;
  line-height: 1.85;
  letter-spacing: 0.125rem;
  font-size: 0.8125rem; }

p img {
  margin: 0; }

p.lead {
  margin-bottom: 2.25rem;
  line-height: 1.8;
  color: #7e7e7e;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 1.125rem; }

@media screen and (min-width: 600px) {
  p.lead {
    font-size: 1.25rem; } }

em,
i,
strong,
b {
  line-height: 3rem;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal; }

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: 700; }

small {
  line-height: inherit;
  font-size: 0.6875rem; }

a {
  text-decoration: none;
  line-height: inherit;
  color: inherit;
  font-weight: 900; }
  a:hover {
    color: #0d96c0; }

button,
.button,
a.button,
input[type='submit'],
input[type='button'] {
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 0.1875rem 0.75rem 0;
  border: 0;
  background: #0d96c0;
  cursor: pointer;
  padding: 0 1.125rem;
  height: 3.375rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 3.375rem;
  letter-spacing: 0.1875rem;
  white-space: nowrap;
  color: #ffffff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700; }
  @media screen and (min-width: 900px) {
    button,
    .button,
    a.button,
    input[type='submit'],
    input[type='button'] {
      padding: 0 1.875rem; } }
  button:hover, button:focus,
  .button:hover,
  .button:focus,
  a.button:hover,
  a.button:focus,
  input[type='submit']:hover,
  input[type='submit']:focus,
  input[type='button']:hover,
  input[type='button']:focus {
    border-color: #ffffff;
    background: #ffffff;
    color: #0d96c0; }
  button.stroke-white,
  .button.stroke-white,
  a.button.stroke-white,
  input[type='submit'].stroke-white,
  input[type='button'].stroke-white {
    border: 3px solid #ffffff;
    background: transparent;
    line-height: 3rem;
    color: #ffffff; }
    button.stroke-white:hover, button.stroke-white:focus,
    .button.stroke-white:hover,
    .button.stroke-white:focus,
    a.button.stroke-white:hover,
    a.button.stroke-white:focus,
    input[type='submit'].stroke-white:hover,
    input[type='submit'].stroke-white:focus,
    input[type='button'].stroke-white:hover,
    input[type='button'].stroke-white:focus {
      border-color: #0d96c0;
      background-color: #0d96c0; }
  button.stroke-blue,
  .button.stroke-blue,
  a.button.stroke-blue,
  input[type='submit'].stroke-blue,
  input[type='button'].stroke-blue {
    border: 3px solid #0d96c0;
    background: transparent;
    line-height: 3rem;
    color: #0d96c0; }
    button.stroke-blue:hover, button.stroke-blue:focus,
    .button.stroke-blue:hover,
    .button.stroke-blue:focus,
    a.button.stroke-blue:hover,
    a.button.stroke-blue:focus,
    input[type='submit'].stroke-blue:hover,
    input[type='submit'].stroke-blue:focus,
    input[type='button'].stroke-blue:hover,
    input[type='button'].stroke-blue:focus {
      border-color: #ffffff;
      background-color: #ffffff; }

.large-button {
  display: block;
  margin-top: 3rem;
  border: 3px solid #0d96c0;
  background: #0d96c0;
  padding: 0 1.875rem;
  width: 100%;
  height: 4.125rem;
  line-height: 3.125rem;
  letter-spacing: 0.125rem;
  color: #ffffff;
  font-size: 0.9375rem; }
  .large-button:hover, .large-button:focus {
    border-color: #ffffff;
    background: #ffffff;
    color: #0d96c0; }

fieldset {
  border: 0; }

input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select {
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  outline: 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  padding: 0.9375rem 0;
  max-width: 100%;
  vertical-align: middle;
  color: #3c3c3c;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.9375rem; }

.contact-form {
  margin-top: 0;
  margin-bottom: 1.875rem; }
  .contact-form .form-field {
    position: relative; }
    .contact-form .form-field .input-field {
      margin-bottom: 0;
      border: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      padding: 2.5rem 0.625rem 0.625rem 0.625rem;
      width: 100%;
      color: rgba(255, 255, 255, 0.7); }
      .contact-form .form-field .input-field:focus {
        border-color: #0d96c0;
        color: #ffffff; }
      .contact-form .form-field .input-field.message {
        margin-bottom: 0;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 2.5rem 0.625rem 0.625rem 0.625rem;
        width: 100%;
        min-height: 12.5rem;
        color: rgba(255, 255, 255, 0.7); }
        .contact-form .form-field .input-field.message:focus {
          border-color: #0d96c0;
          color: #ffffff; }
      .contact-form .form-field .input-field:focus + .label, .contact-form .form-field .input-field.not-empty + .label {
        left: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        text-transform: uppercase;
        color: #0d96c0;
        font-size: 0.75rem;
        font-weight: 400; }
        @media screen and (min-width: 900px) {
          .contact-form .form-field .input-field:focus + .label, .contact-form .form-field .input-field.not-empty + .label {
            -webkit-transform: translateY(-25px);
            transform: translateY(-25px); } }
      @media screen and (min-width: 900px) {
        .contact-form .form-field .input-field:focus + .message-label, .contact-form .form-field .input-field.not-empty + .message-label {
          -webkit-transform: translateY(-20px);
          transform: translateY(-20px); } }
    .contact-form .form-field .label {
      position: absolute;
      top: 1.875rem;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      cursor: text;
      padding-left: 0.625rem;
      width: 100%;
      color: #d2d2d2;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 0.875rem;
      font-weight: 300; }

.back-top {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 600;
  cursor: pointer; }
  .back-top a {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background: #0d96c0;
    width: 4.375rem;
    height: 4.375rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 4.125rem;
    color: #ffffff; }
    @media screen and (min-width: 600px) {
      .back-top a {
        display: block; } }
    .back-top a:hover .icon {
      color: #000000; }
    .back-top a .icon {
      line-height: inherit;
      font-size: 1rem; }
  @media screen and (min-width: 600px) {
    .back-top.visible {
      display: block;
      -webkit-animation: fadeIn 0.3s ease-in-out 1 forwards;
      animation: fadeIn 0.3s ease-in-out 1 forwards; } }

@-webkit-keyframes fadeIn {
  to {
    opacity: 1; } }

@keyframes fadeIn {
  to {
    opacity: 1; } }

.js-animation {
  opacity: 0; }

.fade-in {
  -webkit-animation: fade-in 1.4s;
  animation: fade-in 1.4s; }

@-webkit-keyframes fade-in {
  from {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0; }
  to {
    opacity: 1; } }

.lightbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.85);
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 600px) {
    .lightbox {
      padding-right: 35px;
      padding-left: 35px; } }
  .js-lightbox-active .lightbox {
    -webkit-transition: opacity 0.3s, visibility 0s 0s;
    transition: opacity 0.3s, visibility 0s 0s;
    visibility: visible;
    opacity: 1;
    z-index: 999; }
  .lightbox .lightbox-inner {
    position: relative; }
    .lightbox .lightbox-inner .close {
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transform: translateY(-80px);
      transform: translateY(-80px);
      -webkit-transition: opacity 0s, -webkit-transform 0s ease-out;
      transition: opacity 0s, -webkit-transform 0s ease-out;
      transition: opacity 0s, transform 0s ease-out;
      transition: opacity 0s, transform 0s ease-out, -webkit-transform 0s ease-out;
      opacity: 0;
      z-index: 99;
      background-color: #0d96c0;
      cursor: pointer;
      padding: 1.25rem 1.5625rem;
      line-height: 1.125rem;
      color: #ffffff; }
      .lightbox .lightbox-inner .close .icon {
        font-size: 1.5625rem; }
      .js-lightbox-active .lightbox .lightbox-inner .close {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
        transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
        transition: opacity 0.3s, transform 0.3s ease-out;
        transition: opacity 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        opacity: 1; }
    .lightbox .lightbox-inner .lightbox-content {
      -webkit-transform: translateY(-80px);
      transform: translateY(-80px);
      -webkit-transition: opacity 0s, -webkit-transform 0s ease-out;
      transition: opacity 0s, -webkit-transform 0s ease-out;
      transition: opacity 0s, transform 0s ease-out;
      transition: opacity 0s, transform 0s ease-out, -webkit-transform 0s ease-out;
      opacity: 0;
      min-width: 80px;
      min-height: 80px; }
      .js-lightbox-active .lightbox .lightbox-inner .lightbox-content {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
        transition: opacity 0.3s, -webkit-transform 0.3s ease-out;
        transition: opacity 0.3s, transform 0.3s ease-out;
        transition: opacity 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        opacity: 1; }
      .lightbox .lightbox-inner .lightbox-content img {
        min-width: 60px;
        min-height: 60px;
        max-height: calc(100vh - 90px); }

body.js-lightbox-active {
  overflow: hidden; }

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 700; }
  .header .row {
    position: relative;
    max-width: 1300px;
    height: auto; }

.menu-trigger {
  display: block;
  position: fixed;
  right: 45px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-top: 1.5625rem;
  background-color: #101010;
  cursor: pointer;
  width: 42px;
  height: 42px;
  text-transform: uppercase;
  line-height: 42px;
  letter-spacing: 0.125rem;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.875rem; }
  @media screen and (min-width: 900px) {
    .menu-trigger {
      margin-top: 2.8125rem; } }
  .menu-trigger:hover, .menu-trigger:focus {
    background-color: #0d96c0; }
    .menu-trigger:hover .menu-trigger-text, .menu-trigger:focus .menu-trigger-text {
      background-color: #0d96c0; }
  .menu-trigger .menu-trigger-text {
    display: none;
    position: absolute;
    left: -75px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #101010;
    width: 75px;
    text-align: center;
    color: #ffffff; }
    @media screen and (min-width: 900px) {
      .menu-trigger .menu-trigger-text {
        display: block; } }

.menu-trigger-icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -1.5px;
  background-color: #ffffff;
  width: 24px;
  height: 3px; }
  .menu-trigger-icon::before, .menu-trigger-icon::after {
    position: absolute;
    background-color: inherit;
    width: 100%;
    height: 100%;
    content: ''; }
  .menu-trigger-icon::before {
    top: -9px; }
  .menu-trigger-icon::after {
    bottom: -9px; }

.header-nav {
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: 0.5s cubic-bezier(0.7, 0.3, 0, 1);
  transition: 0.5s cubic-bezier(0.7, 0.3, 0, 1);
  visibility: hidden;
  background: #000000;
  padding: 2.25rem 1.875rem 2.25rem 3.125rem;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.25);
  overflow-y: auto;
  overflow-x: hidden; }
  @media screen and (min-width: 900px) {
    .header-nav {
      padding: 2.25rem 1.875rem 2.25rem 3.75rem;
      width: 50%; } }
  @media screen and (min-width: 1200px) {
    .header-nav {
      width: 30%; } }
  .header-nav a, .header-nav:visited, .header-nav:hover, .header-nav:focus, .header-nav:active {
    color: #ffffff; }
  .header-nav p {
    margin-bottom: 1.6875rem; }
  .header-nav .header-nav-content {
    position: relative;
    left: 100px;
    visibility: hidden;
    opacity: 0; }
  .header-nav .header-nav-items {
    margin: 6.25rem 0 2.625rem 0;
    padding: 0;
    list-style: none;
    line-height: 1.286;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 600;
    counter-reset: increment; }
    .header-nav .header-nav-items li {
      padding: 0.5625rem 0; }
    .header-nav .header-nav-items a {
      display: inline-block; }
      .header-nav .header-nav-items a:hover::before {
        color: #0d96c0; }
      .header-nav .header-nav-items a:hover::after {
        background: #0d96c0;
        width: 110%; }
      .header-nav .header-nav-items a::before {
        display: block;
        position: relative;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        color: rgba(255, 255, 255, 0.25);
        font-family: "Montserrat", Arial, sans-serif;
        font-size: 11px;
        content: counter(increment, decimal-leading-zero) ".";
        counter-increment: increment; }
      .header-nav .header-nav-items a::after {
        display: block;
        top: 0;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        margin-top: -12px;
        width: 0;
        height: 8px;
        content: ''; }
  .header-nav .current a::before {
    color: #0d96c0; }
  .header-nav .header-nav-social {
    padding: 0;
    list-style: none;
    font-size: 1.5rem; }
    .header-nav .header-nav-social li {
      display: inline-block;
      margin-right: 12px;
      padding-left: 0; }
      .header-nav .header-nav-social li a {
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        color: rgba(255, 255, 255, 0.15); }
        .header-nav .header-nav-social li a:hover, .header-nav .header-nav-social li a:focus {
          color: #0d96c0; }
        .header-nav .header-nav-social li a .icon {
          font-size: 1.25rem; }
      .header-nav .header-nav-social li:last-child {
        margin: 0; }
  .header-nav .header-nav-close {
    position: absolute;
    right: 30px;
    cursor: pointer;
    color: transparent; }
    .header-nav .header-nav-close span::before,
    .header-nav .header-nav-close span::after {
      display: block;
      position: absolute;
      top: 50%;
      left: 15px;
      margin-top: -1px;
      background-color: #ffffff;
      width: 22px;
      height: 2px;
      content: ''; }
      @media screen and (min-width: 900px) {
        .header-nav .header-nav-close span::before,
        .header-nav .header-nav-close span::after {
          width: 35px; } }
    .header-nav .header-nav-close span::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .header-nav .header-nav-close span::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.menu-is-open .header-nav {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible; }

.menu-is-open .header-nav-content {
  left: 0;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #101010 url("../images/cover-bg.jpg") no-repeat fixed center 30%;
  background-size: cover;
  width: 100%;
  height: 100vh;
  min-height: 550px; }

.home-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 100vw;
  height: 100vh;
  min-height: 100%;
  text-align: center; }

.home-content-inner .home-content-top {
  margin: 0 0 0.625rem 0;
  text-transform: uppercase;
  letter-spacing: 0.1875rem;
  color: #ffffff;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700; }
  @media screen and (min-width: 900px) {
    .home-content-inner .home-content-top {
      font-size: 1.375rem; } }

.home-content-title {
  margin: 0.9375rem 0 1.875rem;
  line-height: 1.133;
  color: #ffffff;
  font-family: "Libre Baskerville", "Times New Roman", serif;
  font-size: 2rem;
  font-weight: bold; }
  @media screen and (min-width: 600px) {
    .home-content-title {
      margin: 1.875rem 0;
      font-size: 2.5rem; } }
  @media screen and (min-width: 900px) {
    .home-content-title {
      margin: 0.625rem 0 2.5rem 0;
      line-height: 5rem;
      font-size: 3.75rem; } }

.home-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 45px;
  margin-top: 2.5rem;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: 1.75;
  font-size: 1.5rem; }
  @media screen and (min-width: 600px) {
    .home-social-list {
      display: block; } }
  .home-social-list li {
    margin-right: 0.9375rem;
    margin-bottom: 0.5rem;
    padding-left: 0; }
    @media screen and (min-width: 600px) {
      .home-social-list li {
        margin-right: 0; } }
    .home-social-list li a {
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
      color: #ffffff; }
      .home-social-list li a:visited {
        color: #ffffff; }
      .home-social-list li a:hover, .home-social-list li a:focus, .home-social-list li a:active {
        color: #0d96c0; }
      .home-social-list li a .icon {
        font-size: 1.5rem; }

.scrolldown {
  position: absolute;
  bottom: 0;
  -ms-flex-item-align: center;
  align-self: center;
  margin-bottom: 1.875rem; }
  @media screen and (min-width: 600px) {
    .scrolldown {
      right: 45px;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      margin-bottom: 0;
      -webkit-transform-origin: right top 0;
      transform-origin: right top 0; } }
  .scrolldown .scroll {
    display: inline-block;
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.1875rem;
    color: #ffffff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 700; }
    .scrolldown .scroll:hover, .scrolldown .scroll:focus, .scrolldown .scroll:active {
      color: #0d96c0; }
    .scrolldown .scroll .icon {
      padding-left: 0.5625rem; }

.section-intro {
  position: relative;
  margin-bottom: 1.5rem;
  text-align: center; }
  .section-intro .section-intro-title {
    margin-top: 0;
    line-height: 1.375;
    color: #ffffff;
    font-family: "Libre Baskerville", "Times New Roman", serif;
    font-size: 2.125rem; }
    @media screen and (min-width: 900px) {
      .section-intro .section-intro-title {
        font-size: 3rem; } }
  .section-intro .section-intro-top {
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    line-height: 1.667;
    letter-spacing: 0.1875rem;
    color: #0d96c0;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 700; }
  .section-intro .lead {
    line-height: 1.833;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 300; }
    @media screen and (min-width: 900px) {
      .section-intro .lead {
        font-size: 1.25rem; } }

.about {
  position: relative;
  background-color: #ffffff;
  padding: 3rem 0;
  min-height: auto;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .about {
      padding: 5rem 0; } }
  @media screen and (min-width: 900px) {
    .about {
      min-height: 636px; } }
  @media screen and (min-width: 1200px) {
    .about {
      padding: 7.5rem 0;
      min-height: 696px; } }
  .about span {
    color: #0d96c0; }
  .about .lead {
    margin-top: 1.875rem;
    line-height: 1.8;
    color: #7e7e7e;
    font-family: "Libre Baskerville", "Times New Roman", serif;
    font-size: 1.5625rem;
    font-weight: 700; }
    @media screen and (min-width: 600px) {
      .about .lead {
        font-size: 1.75rem; } }
    @media screen and (min-width: 900px) {
      .about .lead {
        font-size: 2.25rem; } }
    @media screen and (min-width: 1200px) {
      .about .lead {
        margin-top: 2.5rem;
        font-size: 2.5rem; } }
  .about p {
    line-height: 2;
    font-size: 1.25rem; }

.skills {
  position: relative;
  background-color: #101010;
  padding: 3rem 0;
  min-height: 800px;
  color: rgba(255, 255, 255, 0.3); }
  @media screen and (min-width: 600px) {
    .skills {
      padding: 5rem 0; } }
  @media screen and (min-width: 900px) {
    .skills {
      padding: 9.375rem 0; } }
  .skills .skills-content {
    text-align: center; }
  .skills .skills-list {
    margin-top: 0.75rem;
    text-align: center; }
    .skills .skills-list .skills-item {
      margin-bottom: 1.875rem;
      padding: 0 0.625rem; }
      @media screen and (min-width: 600px) {
        .skills .skills-list .skills-item {
          padding: 0 0.9375rem; } }
      @media screen and (min-width: 900px) {
        .skills .skills-list .skills-item {
          padding: 0 3.125rem; } }
      .skills .skills-list .skills-item p {
        color: rgba(255, 255, 255, 0.5); }
    .skills .skills-list .icon {
      display: inline-block;
      margin-bottom: 0.9375rem;
      color: #f9a828;
      font-size: 3.125rem; }
      @media screen and (min-width: 600px) {
        .skills .skills-list .icon {
          font-size: 3.375rem; } }
    .skills .skills-list .h5 {
      margin-bottom: 1.875rem;
      line-height: 1.765;
      color: #ffffff;
      font-size: 1.125rem; }

.portfolio {
  position: relative;
  padding: 0;
  min-height: 800px; }
  .portfolio .intro-wrap {
    background: #000000;
    padding: 3rem 0 5rem; }
    @media screen and (min-width: 600px) {
      .portfolio .intro-wrap {
        padding: 9.375rem 0; } }
  .portfolio .portfolio-content {
    margin-top: -6.25rem; }
  .portfolio .portfolio-blocks-wrapper {
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-column-count: 1;
    column-count: 1; }
    @media screen and (min-width: 600px) {
      .portfolio .portfolio-blocks-wrapper {
        -webkit-column-count: 2;
        column-count: 2; } }
    .portfolio .portfolio-blocks-wrapper .block {
      width: 100%; }

.block-wrap {
  position: relative;
  overflow: hidden; }
  .block-wrap:hover .block-text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1; }
  .block-wrap:hover .overlay::before {
    visibility: visible;
    opacity: 1; }
  .block-wrap:hover .overlay::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1; }
  .block-wrap:hover .overlay img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  .block-wrap .overlay {
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
    .block-wrap .overlay img {
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      vertical-align: bottom; }
    .block-wrap .overlay::before {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.8);
      width: 100%;
      height: 100%;
      content: ''; }
  .block-wrap .block-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    text-align: center; }
    .block-wrap .block-text .block-title {
      margin-top: 1.25rem;
      line-height: 1.5;
      color: #ffffff;
      font-size: 1.25rem; }
      @media screen and (min-width: 600px) {
        .block-wrap .block-text .block-title {
          line-height: 1.364;
          font-size: 2.2rem; } }
    .block-wrap .block-text .block-category {
      display: block;
      text-transform: uppercase;
      line-height: 0.9375rem;
      letter-spacing: 0.0625rem;
      color: rgba(255, 255, 255, 0.7);
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 0.6875rem; }

.contact {
  margin-top: -3.75rem;
  background: #101010;
  padding-top: 6rem;
  padding-bottom: 4.5rem; }
  @media screen and (min-width: 600px) {
    .contact {
      padding-top: 7.5rem; } }

.contact-email {
  font-family: "Libre Baskerville", "Times New Roman", serif;
  font-size: 1.25rem;
  color: #0d96c0;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .contact-email {
      font-size: 1.875rem; } }

footer {
  border-top: 1px solid #7e7e7e;
  background-color: #101010;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  text-align: center;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 0.875rem; }
  @media screen and (min-width: 600px) {
    footer {
      padding-top: 1.875rem;
      padding-bottom: 1.875rem;
      text-align: left; } }
  footer a, footer:visited {
    color: #ffffff; }
    footer a:hover, footer a:focus, footer:visited:hover, footer:visited:focus {
      color: #0d96c0; }
  footer .row {
    max-width: 900px; }
  footer .social {
    text-align: right; }
  footer .footer-social {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 1.3125rem; }
    @media screen and (min-width: 600px) {
      footer .footer-social {
        display: inline-block;
        margin: 0; } }
    footer .footer-social li {
      display: inline-block;
      margin: 0 0.75rem;
      padding: 0; }
      footer .footer-social li a {
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        color: #d2d2d2; }
        footer .footer-social li a:hover {
          color: #0d96c0; }
        footer .footer-social li a .icon {
          font-size: 1.25rem; }
  footer .copyright p {
    display: block;
    margin: 0.3125rem 0;
    color: #d2d2d2; }
    @media screen and (min-width: 600px) {
      footer .copyright p {
        display: inline-block; } }
    footer .copyright p::after {
      display: none; }
      @media screen and (min-width: 600px) {
        footer .copyright p::after {
          display: inline-block;
          padding: 0 0.625rem 0 0.75rem;
          color: #d2d2d2;
          content: '|'; } }
    footer .copyright p:last-child::after {
      display: none; }

.styleguide {
  margin: 5rem 0; }
  .styleguide .container {
    padding: 0 9.375rem; }
  .styleguide .sg-section {
    margin-bottom: 3.125rem; }

.sg-title {
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #3c3c3c;
  padding-bottom: 1.25rem;
  text-transform: uppercase; }

.sg-table {
  margin: 0 auto;
  width: 900px;
  line-height: 3rem; }
  .sg-table thead {
    text-align: left;
    text-transform: uppercase;
    font-family: "Montserrat", Arial, sans-serif; }
  .sg-table td {
    border-bottom: 1px solid #d2d2d2; }
  .sg-table .font-info.primary td {
    font-family: "Montserrat", Arial, sans-serif !important; }
  .sg-table .font-info.secondary td {
    font-family: "Libre Baskerville", "Times New Roman", serif !important; }

.sg-bg-dark {
  background-color: #101010;
  padding: 1.875rem; }

.colors-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.color-info {
  display: inline-block; }
  .color-info p {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5rem;
    color: #3c3c3c;
    font-family: "Montserrat", Arial, sans-serif; }
  .color-info .name {
    color: #101010;
    font-weight: 700; }
  .color-info .scss {
    text-transform: none; }

.color-info {
  display: none;
  font-family: sans-serif; }

.color-info:nth-child(1) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(1) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #000000;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(1) .name::after {
    content: "black"; }
  .color-info:nth-child(1) .hex::after {
    content: "#000000"; }
  .color-info:nth-child(1) .scss::after {
    content: "$" "black"; }
  .color-info:nth-child(1) .rgb::after {
    text-transform: none;
    content: "rgb(0, 0, 0)"; }

.color-info:nth-child(2) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(2) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #101010;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(2) .name::after {
    content: "grey-900"; }
  .color-info:nth-child(2) .hex::after {
    content: "#101010"; }
  .color-info:nth-child(2) .scss::after {
    content: "$" "grey-900"; }
  .color-info:nth-child(2) .rgb::after {
    text-transform: none;
    content: "rgb(16, 16, 16)"; }

.color-info:nth-child(3) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(3) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #3c3c3c;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(3) .name::after {
    content: "grey-700"; }
  .color-info:nth-child(3) .hex::after {
    content: "#3c3c3c"; }
  .color-info:nth-child(3) .scss::after {
    content: "$" "grey-700"; }
  .color-info:nth-child(3) .rgb::after {
    text-transform: none;
    content: "rgb(60, 60, 60)"; }

.color-info:nth-child(4) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(4) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #7e7e7e;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(4) .name::after {
    content: "grey-500"; }
  .color-info:nth-child(4) .hex::after {
    content: "#7e7e7e"; }
  .color-info:nth-child(4) .scss::after {
    content: "$" "grey-500"; }
  .color-info:nth-child(4) .rgb::after {
    text-transform: none;
    content: "rgb(126, 126, 126)"; }

.color-info:nth-child(5) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(5) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #d2d2d2;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(5) .name::after {
    content: "grey-300"; }
  .color-info:nth-child(5) .hex::after {
    content: "#d2d2d2"; }
  .color-info:nth-child(5) .scss::after {
    content: "$" "grey-300"; }
  .color-info:nth-child(5) .rgb::after {
    text-transform: none;
    content: "rgb(210, 210, 210)"; }

.color-info:nth-child(6) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(6) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #f5f5f5;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center;
    border: 0.0625rem solid #d2d2d2; }
  .color-info:nth-child(6) .name::after {
    content: "off-white"; }
  .color-info:nth-child(6) .hex::after {
    content: "#f5f5f5"; }
  .color-info:nth-child(6) .scss::after {
    content: "$" "off-white"; }
  .color-info:nth-child(6) .rgb::after {
    text-transform: none;
    content: "rgb(245, 245, 245)"; }

.color-info:nth-child(7) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(7) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #ffffff;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center;
    border: 0.0625rem solid #d2d2d2; }
  .color-info:nth-child(7) .name::after {
    content: "white"; }
  .color-info:nth-child(7) .hex::after {
    content: "#ffffff"; }
  .color-info:nth-child(7) .scss::after {
    content: "$" "white"; }
  .color-info:nth-child(7) .rgb::after {
    text-transform: none;
    content: "rgb(255, 255, 255)"; }

.color-info:nth-child(8) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(8) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #0d96c0;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(8) .name::after {
    content: "accent-1"; }
  .color-info:nth-child(8) .hex::after {
    content: "#0d96c0"; }
  .color-info:nth-child(8) .scss::after {
    content: "$" "accent-1"; }
  .color-info:nth-child(8) .rgb::after {
    text-transform: none;
    content: "rgb(13, 150, 192)"; }

.color-info:nth-child(9) {
  display: inline-block;
  margin-bottom: 3.125rem;
  padding-right: 0.9375rem; }
  .color-info:nth-child(9) .color {
    display: inline-block;
    margin-bottom: 1rem;
    background: #f9a828;
    padding: 1.5rem;
    width: 12.5rem;
    height: 3.75rem;
    text-align: center; }
  .color-info:nth-child(9) .name::after {
    content: "accent-2"; }
  .color-info:nth-child(9) .hex::after {
    content: "#f9a828"; }
  .color-info:nth-child(9) .scss::after {
    content: "$" "accent-2"; }
  .color-info:nth-child(9) .rgb::after {
    text-transform: none;
    content: "rgb(249, 168, 40)"; }