/**
 * Mixin for fluid type.
 * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*
* Common styles for text plus mobile & tablet & small desktop
* in Content Pages and Field of science pages.
*/
.hy-paragraph-text.content_page.external,
.hy-paragraph-text.field_of_science.external {
  margin-top: 24px;
}
@media (min-width: 30rem) {
  .hy-paragraph-text.content_page.external,
  .hy-paragraph-text.field_of_science.external {
    margin-top: 16px;
  }
}
@media (min-width: 60rem) {
  .hy-paragraph-text.content_page.external,
  .hy-paragraph-text.field_of_science.external {
    margin-top: 32px;
  }
}
@media (min-width: 75.0625rem) {
  .hy-paragraph-text.content_page.external.default,
  .hy-paragraph-text.field_of_science.external.default {
    margin-top: 32px;
  }
}
@media (min-width: 1601px) {
  .hy-paragraph-text.content_page.external.default,
  .hy-paragraph-text.field_of_science.external.default {
    margin-top: 40px;
  }
}
@media (min-width: 75.0625rem) {
  .hy-paragraph-text.content_page.external.large,
  .hy-paragraph-text.field_of_science.external.large {
    margin-top: 40px;
  }
}
@media (min-width: 1601px) {
  .hy-paragraph-text.content_page.external.large,
  .hy-paragraph-text.field_of_science.external.large {
    margin-top: 40px;
  }
}
.hy-paragraph-text.content_page h3,
.hy-paragraph-text.field_of_science h3 {
  padding-bottom: 12px;
  padding-top: 24px;
}
@media (min-width: 30rem) {
  .hy-paragraph-text.content_page h3,
  .hy-paragraph-text.field_of_science h3 {
    padding-bottom: 12px;
    padding-top: 28px;
  }
}
@media (min-width: 60rem) {
  .hy-paragraph-text.content_page h3,
  .hy-paragraph-text.field_of_science h3 {
    padding-bottom: 16px;
    padding-top: 32px;
  }
}
.hy-paragraph-text.content_page h4,
.hy-paragraph-text.field_of_science h4 {
  padding-bottom: 12px;
  padding-top: 24px;
}
@media (min-width: 30rem) {
  .hy-paragraph-text.content_page h4,
  .hy-paragraph-text.field_of_science h4 {
    padding-bottom: 12px;
    padding-top: 28px;
  }
}
@media (min-width: 60rem) {
  .hy-paragraph-text.content_page h4,
  .hy-paragraph-text.field_of_science h4 {
    padding-bottom: 16px;
    padding-top: 32px;
  }
}
.hy-paragraph-text.content_page h5,
.hy-paragraph-text.field_of_science h5 {
  padding-bottom: 12px;
  padding-top: 24px;
}
@media (min-width: 30rem) {
  .hy-paragraph-text.content_page h5,
  .hy-paragraph-text.field_of_science h5 {
    padding-bottom: 12px;
    padding-top: 28px;
  }
}
@media (min-width: 60rem) {
  .hy-paragraph-text.content_page h5,
  .hy-paragraph-text.field_of_science h5 {
    padding-bottom: 16px;
    padding-top: 32px;
  }
}
.hy-paragraph-text.content_page h6,
.hy-paragraph-text.field_of_science h6 {
  padding-bottom: 12px;
  padding-top: 24px;
}
@media (min-width: 30rem) {
  .hy-paragraph-text.content_page h6,
  .hy-paragraph-text.field_of_science h6 {
    padding-bottom: 12px;
    padding-top: 28px;
  }
}
@media (min-width: 60rem) {
  .hy-paragraph-text.content_page h6,
  .hy-paragraph-text.field_of_science h6 {
    padding-bottom: 16px;
    padding-top: 32px;
  }
}