.fc_column_content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xl);
  & > div {
    flex-grow: 1;
  }
  /* ratio */
  &.ratio_40_60 > .left,
  &.ratio_60_40 > .right,
  &.ratio_50_50 > .right,
  &.ratio_50_50 > .left,
  &.ratio_40_60 > .left,
  &.ratio_60_40 > .right,
  &.ratio_30_70 > .right,
  &.ratio_70_30 > .left,
  &.ratio_30_70 > .left,
  &.ratio_70_30 > .right,
  &.ratio_40_60 > .right,
  &.ratio_60_40 > .left {
    width: 100%;
  }
  /* alignment */
  &.top {
    align-items: flex-start;
  }
  &.center {
    align-items: center;
  }
  &.bottom {
    align-items: flex-end;
  }
  .mobile_left {
    text-align: left;
  }
  .mobile_centre {
    text-align: center;
  }
  .mobile_right {
    text-align: right;
  }
  /* responsive */
  @media (min-width: 1200px) {
    flex-direction: row;
    /* ratio */
    &.ratio_30_70 > .left,
    &.ratio_70_30 > .right {
      flex: 0 1 30%;
    }
    &.ratio_30_70 > .right,
    &.ratio_70_30 > .left {
      flex: 0 1 70%;
    }
    &.ratio_40_60 > .left,
    &.ratio_60_40 > .right {
      flex: 0 1 40%;
    }
    &.ratio_40_60 > .right,
    &.ratio_60_40 > .left {
      flex: 0 1 60%;
    }
    &.ratio_50_50 > .right,
    &.ratio_50_50 > .left {
      flex: 0 1 50%;
    }
    /* alignment */
    .desktop_left {
      text-align: left;
    }
    .desktop_centre {
      text-align: center;
    }
    .desktop_right {
      text-align: right;
    }
  }
}