/* Used for :hover aka rollover on linked elements */
/* Spacing the Layout/Content & Footer */
.layout-wrapper {
  padding-bottom: 30px; }

/* Specific to this page: Page Header */
.page-header-company__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

/* Each Section Height */
.page-header-company__wrapper {
  height: 300px; }
  @media screen and (min-width: 375px) {
    .page-header-company__wrapper {
      height: 300px; } }
  @media screen and (min-width: 550px) {
    .page-header-company__wrapper {
      height: 350px; } }
  @media screen and (min-width: 720px) {
    .page-header-company__wrapper {
      height: 400px; } }
  @media screen and (min-width: 1280px) {
    .page-header-company__wrapper {
      height: 500px; } }
  @media screen and (min-width: 1920px) {
    .page-header-company__wrapper {
      height: 650px; } }

.company-people__wrapper,
.company-history__wrapper,
.company-sponsorship__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto; }
  @media screen and (min-width: 375px) {
    .company-people__wrapper,
    .company-history__wrapper,
    .company-sponsorship__wrapper {
      height: auto; } }
  @media screen and (min-width: 550px) {
    .company-people__wrapper,
    .company-history__wrapper,
    .company-sponsorship__wrapper {
      min-height: 350px; } }
  @media screen and (min-width: 720px) {
    .company-people__wrapper,
    .company-history__wrapper,
    .company-sponsorship__wrapper {
      min-height: 400px; } }
  @media screen and (min-width: 1280px) {
    .company-people__wrapper,
    .company-history__wrapper,
    .company-sponsorship__wrapper {
      min-height: 500px; } }
  @media screen and (min-width: 1920px) {
    .company-people__wrapper,
    .company-history__wrapper,
    .company-sponsorship__wrapper {
      min-height: 650px; } }

/* Arrows */
.row-arrow-button {
  padding: 10px 0 40px 0; }

/* People */
.company-people__row {
  margin-bottom: 10px; }

/* Used for :hover aka rollover on linked elements */
.people {
  margin-top: 30px; }
  .people h4 {
    margin-top: 8px;
    margin-bottom: 8px; }
  .people p {
    margin-top: 0;
    margin-bottom: 5px; }

.people__image img {
  width: 100%; }

.people__image {
  display: none; }
  @media only screen and (min-width: 550px) {
    .people__image {
      display: block; } }

/* Sponsorship */
/* Used for :hover aka rollover on linked elements */
.sponsorship {
  padding-top: 15px;
  margin-bottom: 40px; }

.sponsorship__image img {
  width: 90%; }
  @media screen and (min-width: 550px) {
    .sponsorship__image img {
      width: 80%; } }
  @media screen and (min-width: 720px) {
    .sponsorship__image img {
      width: 70%; } }

.sponsorship__gold-line {
  position: static;
  bottom: auto;
  width: 100%; }
  @media screen and (min-width: 550px) {
    .sponsorship__gold-line {
      position: absolute;
      bottom: 0;
      width: 48.5%; } }

.sponsorship {
  margin-bottom: 0; }

.sponsorship__text,
.sponsorship__gold-line,
.sponsorship__arrow {
  display: none; }

.sponsorship__content {
  display: none; }
  @media screen and (min-width: 720px) {
    .sponsorship__content {
      display: block; } }

/*# sourceMappingURL=company-holder.css.map */