/*
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
@access private
@param {Number} $value - Pixel value to convert.
@param {Number} $base [null] - Base for pixel conversion.
@returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
*/
/*
Removes the unit (e.g. px, em, rem) from a value, returning the number only.
@param {Number} $num - Number to strip unit from.
@returns {Number} The same number, sans unit.
*/
/*
Converts one or more pixel values into matching rem values.
@param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.

@param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.

@returns {List} A list of converted values.
*/
.fc-people {
  padding: 0 0 60px;
}

@media (min-width: 768px) {
  .fc-people {
    padding: 0 0 200px;
  }
}

@media (min-width: 992px) {
  .fc-people {
    padding: 0 0 400px;
  }
}

.fc-people__intro {
  padding: 0 0 40px;
}

@media (min-width: 768px) {
  .fc-people__intro {
    padding: 0 0 60px;
  }
}

.fc-people__intro-title h1 {
  font-size: 32px;
  margin: 0 0 30px;
}

@media (min-width: 768px) {
  .fc-people__intro-title h1 {
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 900;
    margin: 0;
  }
}

.fc-people__intro-content {
  max-width: 36.875rem;
  font-style: italic;
}

.fc-people__intro-content p {
  font-size: 18px;
  line-height: 1.4;
}

@media (min-width: 992px) {
  .fc-people__intro-content p {
    font-size: 20px;
  }
}

.fc-people__intro-text {
  font-size: 18px;
  line-height: 1.4;
}

@media (min-width: 992px) {
  .fc-people__intro-text {
    font-size: 22px;
    margin-top: 1rem;
  }
}

.fc-people__intro-text .job-title-text {
  display: none;
}

.fc-people__intro-text .job-title-text.active {
  display: block;
}

/*# sourceMappingURL=fc-people.css.map */