body.main {
  overflow: scroll;
  padding: 0;
  margin: 0;
  font-family: "Oxygen", sans-serif;
  background: #222222; }

h1 {
  font-family: "Oswald", sans-serif;
  font-weight: bold; }

hr {
  border-color: #000000; }

header.page-header,
header.page-header .img-holder {
  width: 100%;
  height: 70vh; }
header.page-header .img-holder {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }
  header.page-header .img-holder .hero-img {
    width: 100%; }
    @media (max-width: 1000px) {
      header.page-header .img-holder .hero-img {
        width: auto !important;
        height: 110%; } }
  header.page-header .img-holder .logo-img {
    height: 10rem;
    position: absolute;
    top: 5rem;
    left: 0;
    right: 0;
    margin: 0 auto; }

.elevator {
  height: 30vh;
  padding: 0 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000; }
  .elevator h1 {
    text-align: center;
    color: #910113; }
    .elevator h1 .watf {
      color: #cccccc;
      font-weight: 300; }
  .elevator p {
    font-family: 'Crimson Text', serif;
    text-align: center;
    display: block;
    font-size: 1.4rem;
    color: #cccccc;
    max-width: 1014px; }

@media (max-width: 800px) {
  .elevator {
    padding: 0 1rem; } }
@media (max-width: 700px) {
  .elevator {
    height: 40vh; }
    .elevator h1 {
      font-size: 1.5rem; }
    .elevator p {
      font-size: 1rem; }

  header.page-header,
  header.page-header .img-holder {
    height: 60vh; }
    header.page-header .logo-img,
    header.page-header .img-holder .logo-img {
      height: 5rem;
      top: 2.5rem; } }
.section {
  background: #910113;
  color: #ffffff; }
  .section .container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 25rem;
    padding: 4rem; }
  .section .hex {
    position: absolute;
    z-index: 1;
    width: 8rem;
    height: 8rem; }
  .section .content {
    position: relative;
    z-index: 2; }
    .section .content > p {
      font-size: 1.1rem;
      margin: 3rem 4rem; }
  .section h1.main-title {
    font-size: 2.5rem;
    margin-left: 5.5rem;
    margin-right: 5.5rem; }
  .section .icon-holder {
    display: flex;
    justify-content: space-around;
    margin: 2rem; }
  .section .icon-cell {
    display: flex;
    flex-direction: column;
    width: 15rem; }
    .section .icon-cell img {
      width: 100%; }
    .section .icon-cell h1 {
      margin: 1rem 1rem;
      text-align: center; }
    .section .icon-cell p {
      font-size: 1rem;
      margin: 0 1rem;
      text-align: center; }
  .section .icon-jumble {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 1rem 10vw; }
    .section .icon-jumble .logo {
      flex: none;
      width: auto;
      height: 6rem;
      margin: 0.5rem 1rem; }

@media (max-width: 935px) {
  .icon-holder {
    flex-direction: column;
    align-items: center; }
    .icon-holder .icon-cell {
      margin-bottom: 3rem; } }
@media (max-width: 550px) {
  .icon-jumble {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .section .content > p {
    margin-left: 2rem !important;
    margin-right: 2rem !important; } }
.author-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem 4rem; }
  .author-holder .author {
    display: flex;
    flex-direction: column;
    width: 20rem;
    background: #910113;
    position: relative;
    margin-top: 3rem;
    border: 1px solid #6d010f; }
    .author-holder .author > img {
      height: 5rem;
      position: absolute;
      border-radius: 50%;
      top: -2.5rem;
      left: 0;
      right: 0;
      margin: auto;
      border: 2px solid #666; }
    .author-holder .author .description {
      margin-top: 2.5rem;
      padding: 0 1.5rem; }
      .author-holder .author .description h1,
      .author-holder .author .description h2 {
        text-align: center;
        font-family: "Oswald", sans-serif; }
      .author-holder .author .description h1 {
        margin: 0.5rem 0;
        font-size: 2rem; }
      .author-holder .author .description h2 {
        margin: 0.25rem 0;
        font-weight: 600;
        font-size: 1.2rem; }
      .author-holder .author .description p {
        text-align: center; }

@media (max-width: 1221px) {
  .author-holder {
    justify-content: center; }
    .author-holder .author {
      margin-left: 1rem;
      margin-right: 1rem; } }
@media (max-width: 600px) {
  .author-holder {
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .author-holder .author {
      margin-left: 0 !important;
      margin-right: 0 !important;
      flex: 100% !important; } }
@media (max-width: 550px) {
  .section > .container {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .main-title {
    font-size: 2rem !important;
    margin-left: 2rem !important;
    margin-right: 2rem !important; } }
.services,
.meet-the-team {
  background: #aa071b; }

.background {
  background: #222222; }

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