:root {
  --black: #111;
  --dark-grey: #b3b3b3;
  --white-smoke: #f3f4f6;
  --light-coral: #e56c6c;
  --firebrick: #c62424;
  --dim-grey: #4d4d4d;
  --maroon: #350000;
  --maroon-2: #660303;
  --firebrick-2: #aa1313;
  --misty-rose: #f4d3d3;
}

body {
  min-height: 100%;
  color: var(--black);
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.998em;
  font-weight: 400;
  line-height: 1.4;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.827em;
  font-weight: 400;
  line-height: 1.4;
}

h3 {
  margin-top: 0;
  margin-bottom: .56em;
  font-size: 1.999em;
  font-weight: 400;
  line-height: 1.1;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.414em;
  font-weight: 400;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.4;
}

p {
  margin-top: 0;
  margin-bottom: .56em;
  font-size: .97em;
}

a {
  font-size: 1em;
  text-decoration: none;
}

label {
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

blockquote {
  border-left: .4em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em;
  font-size: 140%;
  line-height: 1.6;
}

.container {
  width: 95%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4em 2.4em 1em;
  position: relative;
}

.container.is--nav {
  border-radius: 1.11em;
  justify-content: space-between;
  align-items: center;
  padding: .9em 2.4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.container.is--hero {
  min-height: 60vh;
  flex-direction: column;
  justify-content: center;
  padding-left: 2.4em;
  padding-right: 2.4em;
  display: flex;
}

.container.is--pageheader {
  min-height: 50vh;
  align-items: flex-end;
  padding-bottom: 6em;
  display: flex;
}

.container.is--posting {
  top: -8em;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.c-rich-text p {
  margin-top: .5em;
  margin-bottom: 2em;
}

.c-rich-text h1, .c-rich-text h2, .c-rich-text h3 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.c-rich-text h4 {
  margin-top: .2em;
  margin-bottom: .6em;
}

.c-rich-text h5 {
  margin-top: .2em;
  margin-bottom: 1em;
}

.c-rich-text h6 {
  margin-top: .2em;
  margin-bottom: .2em;
}

.section {
  width: 100%;
  position: relative;
}

.section.is--nav {
  z-index: 99;
  border-radius: .14em;
  position: fixed;
  top: .56em;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.section.is--hero {
  background-color: var(--black);
  background-image: url('../images/erik-eastman--6zFVL4YuaM-unsplash.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.heading--lg {
  font-size: 3.998em;
  font-weight: 400;
  line-height: 1.4;
}

.heading--md {
  font-size: 2.827em;
  font-weight: 400;
  line-height: 1.4;
}

.heading--sm {
  font-size: 1.999em;
  font-weight: 400;
  line-height: 1.4;
}

.heading--xsm {
  font-size: 1.414em;
  font-weight: 400;
  line-height: 1.4;
}

.heading--xsm.employer__label {
  color: var(--dark-grey);
  padding-right: .35em;
}

.overline {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.4;
}

.heading--super {
  font-size: 5.653em;
  font-weight: 400;
  line-height: 1.1;
}

.is--white {
  color: #fff;
}

.is--hide {
  display: none;
}

.caps {
  text-transform: uppercase;
}

.bg--white {
  background-color: #fff;
}

.bg--black {
  background-color: #000;
}

.bg--gray {
  background-color: var(--white-smoke);
}

.p--md {
  margin-bottom: .6em;
  font-size: 1.39em;
  line-height: 1.4;
}

.p--lg {
  font-size: 2.2em;
  line-height: 1.2;
}

.paragraph {
  font-size: .97em;
  line-height: 1.4;
}

.link {
  color: #242424;
  text-decoration: none;
}

.container--lg {
  width: 1440px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 10em;
}

.nav__logo {
  width: 12em;
}

.nav__menu {
  display: inline-block;
}

.nav__menu__link {
  color: var(--white-smoke);
  padding: .8em 1em;
  font-size: .9em;
  text-decoration: none;
  display: inline-block;
}

.nav__menu__link.is--secondary {
  background-color: var(--light-coral);
  color: var(--white-smoke);
  border-radius: 2em;
  padding-left: 2em;
  padding-right: 2em;
}

.spacer--6em {
  width: 100%;
  height: 6em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.spacer--4em {
  width: 100%;
  height: 4em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.spacer--2em {
  width: 100%;
  height: 2em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.flex-c-c {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-c-r {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.flex-c-l {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer--8em {
  width: 100%;
  height: 8em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.nav__overlay {
  z-index: -1;
  height: 100%;
  background-image: linear-gradient(294deg, rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.body {
  min-height: 100%;
}

.hero__desc {
  width: 24.24em;
}

.hero__desc.is--white {
  width: 18em;
}

.heading {
  margin-bottom: 1.11em;
}

.bar {
  width: 5em;
  height: .5em;
  margin-bottom: 3em;
}

.bar.bg--white {
  height: .28em;
}

.herowrap {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.scroller {
  display: flex;
}

.flex-b {
  align-items: flex-end;
  display: flex;
}

.icon__arrow {
  width: 5em;
  position: relative;
  left: -2em;
  transform: rotate(90deg);
}

.scroller__mask.flex-c-c {
  position: relative;
  left: -2.3em;
}

.caption {
  letter-spacing: .07em;
  font-size: .76em;
}

.caption.margin-0.post-date {
  margin-left: .56em;
}

.logosoup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(13%, 1fr));
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  display: grid;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.search {
  margin-top: 16px;
  display: flex;
}

.search-result-item {
  margin-bottom: 2em;
}

.search__bar {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  margin-bottom: 0;
}

.search__bar::-ms-input-placeholder {
  color: #fff;
}

.search__bar::placeholder {
  color: #fff;
}

.footer__logo {
  width: 14em;
}

.footer__menu {
  justify-content: flex-end;
  display: flex;
}

.block {
  color: #fff;
  flex-direction: column;
  padding-right: 4em;
  display: flex;
}

.footer__link {
  color: #fff;
}

.headerwrap {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.terms {
  width: 50%;
}

.term__item {
  margin-bottom: 3em;
}

.postlogowrap {
  width: 10em;
  height: 10em;
  background-color: #fff;
  border-radius: 1em;
  justify-content: center;
  align-items: center;
  margin-right: 1.11em;
  padding: .56em;
  display: flex;
  position: relative;
}

.posting__details {
  align-items: center;
  display: flex;
}

.posting__detail__item {
  align-items: center;
  padding-right: 1.11em;
  display: flex;
}

.margin-0 {
  margin: 0;
}

.detail__icon {
  padding-right: .26em;
}

.posting__date {
  background-color: #3a8ec7;
  border-radius: 3em;
  padding: .76em 1.26em;
  display: inline-block;
}

.post-date {
  color: #fff;
  margin-bottom: 0;
}

.datewrap {
  display: flex;
}

.posting__info {
  padding-right: 4em;
}

.col-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.spacer--10em {
  width: 100%;
  height: 10em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.posting__apply {
  border-radius: 1em;
  padding-top: 4em;
  padding-left: 4em;
  padding-right: 4em;
  box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .13);
}

.paragraph-2 {
  font-size: .97em;
}

.btn {
  background-color: var(--firebrick);
  border-radius: 20px;
  padding-left: 2.4em;
  padding-right: 2.4em;
}

.post {
  width: 70%;
  color: var(--black);
  background-color: #fff;
  border-radius: 1.4em;
  padding: 2em 2em 3em;
  display: flex;
}

.image {
  border-radius: 1em;
}

.salary {
  display: flex;
}

.salary__amount {
  padding-left: .14em;
  padding-right: .3em;
}

.employer, .hours {
  display: flex;
}

.hours__amount {
  padding-right: .3em;
}

.posting__extras {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: var(--white-smoke);
}

.jobpostingnav {
  align-items: center;
  padding-right: 1em;
  display: flex;
}

.icon__arrow__back {
  width: 2em;
  margin-right: .4em;
}

.postingnav__back__text {
  color: var(--black);
  margin-bottom: 0;
}

.postingnavwrap {
  display: inline-block;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 14px;
  }

  .container, .container--lg, .spacer--6em, .spacer--4em, .spacer--2em, .spacer--8em, .spacer--10em {
    padding-left: 3em;
    padding-right: 3em;
  }
}