@media screen and (max-width: 960px) {
  .page--ghost .sec--resistance {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-position: 65% top; } }

@media screen and (max-width: 960px) {
  .page--ghost .sec--position {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-position: 37% top;
    display: flex; }
    .page--ghost .sec--position .sec__inner {
      display: flex;
      flex-direction: column;
      justify-content: space-between; } }

@media screen and (max-width: 960px) {
  .page--ghost .sec--surface {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-position: 70% top; } }

@media screen and (max-width: 1292px) {
  .page--ghost .sec--freedom {
    background-size: auto 150%; } }

@media screen and (max-width: 960px) {
  .page--ghost .sec--freedom {
    background-position: 65% top; } }

.page--ghost .sec--freedom .sec-overlay .sec-img {
  order: -1; }
  .page--ghost .sec--freedom .sec-overlay .sec-img img {
    margin: 0 auto; }

.page--ghost .sec--freedom .sec-overlay .sec-text {
  padding-left: 8rem;
  padding-right: 0; }
  @media screen and (max-width: 960px) {
    .page--ghost .sec--freedom .sec-overlay .sec-text {
      padding-left: 0; } }

.page--ghost .sec--removal .sec-text {
  position: relative;
  top: -1.2rem; }
  @media screen and (max-width: 960px) {
    .page--ghost .sec--removal .sec-text {
      top: 0; } }

@media screen and (min-width: 960px) {
  .page--ghost .sec--ballast {
    background-position: center center; } }

@media screen and (max-width: 960px) {
  .page--ghost .sec--ballast {
    padding-top: 5rem;
    padding-bottom: 5rem; } }

.page--ghost .sec--crotch-strap .sec-boxes {
  justify-content: center; }

.page--ghost .sec--crotch-strap .sec-box {
  width: 50%;
  max-width: 500px; }
  @media screen and (max-width: 960px) {
    .page--ghost .sec--crotch-strap .sec-box {
      width: 100%;
      max-width: none; } }

.page--ghost .sec--prod--modular {
  z-index: 11 !important; }
