:root {
  --primary: #00beac;
  --light-primary: #e5f8f7;
  --secondary: #00a3e7;
  --light-secondary: #e5f6fd;
  --success: #2ecc71;
  --light-success: #e9f7ef;
  --danger: #e64c3c;
  --light-danger: #ffeeeb;
  --warning: #feac05;
  --light-warning: #fff7e6;
  --info: #70a1ff;
  --light-info: #e5f1fc;
  --dark: #091f32;
  --muted: #94a2ad;
  --grey: #6d7888;
  --light-grey: #c7d2d2;
  --background-grey: #f6f9fc;
  --neutral-grey: #dbdde1;
  --white: #fff;
  --light-opportunity: #f1f0fa;
}

/* Changed for external */
.text-subhead {
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
}

/* Used to make the panels same height and width regardless of content */
.equal-size-parent {
  display: flex;
  flex-wrap: wrap;
}

.equal-size-child {
  flex: 1 1 auto;
  display: flex;
}

.equal-size-parent .panel {
  flex: 1 0 100%;
}

.spacer {
  height: 320px;
}

/* Used for custom border radius for g2 review on landing page */
.landing-g2-border-radius {
  border-radius: 24px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .spacer {
    height: 400px;
  }

  /* Used to increase h1 font size without needing multiple h1 tags for mobile */
  .display-3-md {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1.1;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .spacer {
    height: 300px;
  }


  .landing-g2-border-radius {
    border-radius: 112px;
  }
}