@import "../../assets/scss/globals";


.page-section {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;

  &.lander-hero {
    @media screen and (min-width: 800px) {
      min-height: 85vh;
    }
  }

  &.padded {
    padding: 2rem 1rem 2rem;
  }

  &:not(.card-section) {
    @media screen and (max-width: 800px - 1px) {
      flex-flow: column nowrap;
    }
  }

  &.center {
    justify-content: center;
  }

  &.bottom-border {
    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 98%;
      left: 1%;
      border-bottom: 1px solid rgba(color(blue1), 0.4);
    }
  }
}