/**
    Proxima Nova Bold
    font-family:  proxima-nova,   sans-serif;
    font-weight:  700;
    font-style:  normal;

    Proxima Nova Bold Italic
    font-family:  proxima-nova,   sans-serif;
    font-weight:  700;
    font-style:  italic;

    Proxima Nova Thin
    font-family:  proxima-nova,   sans-serif;
    font-weight:  100;
    font-style:  normal;

    Proxima Nova Semibold
    font-family:  proxima-nova,   sans-serif;
    font-weight:  600;
    font-style:  normal;

    Proxima Nova Regular
    font-family:  proxima-nova,   sans-serif;
    font-weight:  400;
    font-style:  normal;

    Proxima Nova Italic
    font-family:  proxima-nova,   sans-serif;
    font-weight:  400;
    font-style:  italic;

    Proxima Nova Light
    font-family:  proxima-nova,   sans-serif;
    font-weight:  300;
    font-style:  normal;

    Proxima Nova Medium
    font-family:  proxima-nova,   sans-serif;
    font-weight:  500;
    font-style:  normal;


    @media only screen and (max-width: @tablet) {
    }

    @media only screen and (max-width: @mobile) {
    }

    mobile fonts
    D60px
    font-size: 48px;
    D24px 
    font-size: 21px;
    font-size: 18px;
    font-size: 16px;

**/
.about-us .about-hero {
  clear: both;
  background-color: #1e262c;
}
.about-us .about-hero .container .title {
  color: #ffffff;
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  position: relative;
  text-align: center;
  font-weight: 300;
}
.about-us .about-hero .container .title::after {
  content: "";
  display: block;
  position: relative;
  height: 5px;
  background-color: #d31145;
  width: 90%;
  margin: 20px auto 0 auto;
}
.about-us .about-hero .container .subcopy {
  color: #ffffff;
  font-size: 21px;
  font-family: 'proxima-nova', sans-serif;
  max-width: 700px;
  text-align: center;
}
@media (max-width: 450px) {
  .about-us .about-hero .container .subcopy {
    font-size: 18px;
  }
}
.about-us .about-hero.No-Video {
  padding-bottom: 100px;
}
.about-us .hero-video {
  background: -moz-linear-gradient(0deg, #ffffff 50%, #1e262c 50%);
  background: -webkit-linear-gradient(0deg, #ffffff 50%, #1e262c 50%);
  background: linear-gradient(0deg, #ffffff 50%, #1e262c 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#1e262c", GradientType=1);
}
.about-us .hero-video .container .wrapper img {
  max-height: 470px;
  object-fit: cover;
  width: 100%;
}
.about-us .hero-video .container .wrapper iframe {
  width: 100%;
}
.about-us .hero-video.No-Video {
  display: none;
}
.about-us .copy-block .container {
  padding: 0 20px;
}
.about-us .copy-block .container .wrapper {
  max-width: 780px;
  margin: 0 auto;
}
.about-us .copy-block .container .wrapper .title {
  color: #1e262c;
  font-size: 60px;
  font-family: 'Roboto Slab', serif;
  position: relative;
  text-align: center;
  font-weight: 300;
}
.about-us .copy-block .container .wrapper .title::after {
  content: "";
  display: block;
  position: relative;
  height: 5px;
  background-color: #d31145;
  width: 90%;
  margin: 20px auto 0 auto;
}
.about-us .copy-block .container .wrapper .subcopy {
  color: #1e262c;
  font-size: 21px;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
}
@media (max-width: 450px) {
  .about-us .copy-block .container .wrapper .subcopy {
    font-size: 18px;
  }
}
.about-us .callout-section .main-copy {
  background-color: #f7f7f8;
}
.about-us .callout-section .main-copy .container {
  padding: 0 20px;
}
.about-us .callout-section .main-copy .container .wrapper .title {
  font-size: 60px;
  color: #1e262c;
  text-align: left;
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  max-width: 300px;
  line-height: 1.25;
  font-weight: 300;
  position: relative;
  flex-basis: 50%;
}
.about-us .callout-section .main-copy .container .wrapper .title::before {
  content: "";
  height: 5px;
  background-color: #d31145;
  width: 50%;
  display: block;
  margin-bottom: 20px;
}
.about-us .callout-section .main-copy .container .wrapper .copy {
  max-width: 840px;
  flex-basis: 50%;
  flex-grow: 1;
}
.about-us .callout-section .main-copy .container .wrapper .copy p {
  margin-bottom: 50px;
  font-size: 21px;
  color: #1e262c;
}
.about-us .callout-section .main-copy .container .wrapper .copy p:last-child {
  margin-bottom: 0;
}
@media (max-width: 450px) {
  .about-us .callout-section .main-copy .container .wrapper .copy p {
    font-size: 18px;
  }
}
.about-us .callout-section .main-copy .container .wrapper .copy a {
  color: #d31145;
  font-weight: bold;
  text-decoration: underline;
}
.about-us .callout-section .callouts-section {
  padding-top: 0;
}
.about-us .callout-section .callouts-section .callouts {
  margin-bottom: 0;
  background: -moz-linear-gradient(0deg, #ffffff 25%, #f7f7f8 25%);
  background: -webkit-linear-gradient(0deg, #ffffff 25%, #f7f7f8 25%);
  background: linear-gradient(0deg, #ffffff 25%, #f7f7f8 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f8", GradientType=1);
}
@media (max-width: 960px) {
  .about-us h1.title {
    font-size: 48px;
  }
  .about-us .callout-section .main-copy .container .wrapper {
    flex-direction: column;
  }
  .about-us .callout-section .main-copy .container .wrapper .title {
    margin-bottom: 50px;
  }
}