section#careers {
  display: inline-block;
  align-items: center;
  background: #000;
  color: #fff;
  max-height: 500px;
  overflow: hidden;
  position: relative;
  width: 100vw;
}

section#careers div.text {
  bottom: 40%;
}

section#careers > img {
  display: block;
  min-width: 100%;
  min-height: 100%;
}

section#careers .text h2 {
  font: 30px/1 'sabonbold', sans-serif;
  margin: 2% 0 0%;
  line-height: 80%;
}

section#careers:first-child div.text h4.eyebrow:empty {
  margin-top: 8%;
}

section#careers:first-child div.text h4.eyebrow {
  margin-top: 2%;
}

section#careers .text p {
  line-height: 80%;
  font: 16px/24px 'Univers LT W01 55 Roman',sans-serif;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

section#careers div.text[class*="float"] {
  width: 100%;
}

section#careers .text[class*="float"] h2 {
  width:  100%;
}

section#careers .text[class*="float"] p {
  margin-left: 0px;
  margin-right: 0px;
  line-height: 150%;
  width:  100%;
  max-width: 100%;
}

section#careers:first-child div.text {
  display: table !important;
  text-align: center;
  vertical-align: middle;
}

section#careers:first-child div.text {
  margin-top: auto;
}

.gs-v2 #content section#careers div.touts-carousel div.dark-theme > .tout-text > h3 > a,
.gs-v2 #content section#careers div.touts-carousel div.dark-theme > .tout-text > a {
  color: #000;
}

@media (min-width: 568px) {
  section#careers div.text[class*="float"] {
    width: 90%;
    max-width: 90%;
    margin-left: 5%;
    left: 0px;
  }
  section#careers div.text[class*="float"] .actions {
    max-width: none;
  }
  section#careers div.text.float-left {
    text-align: left;
  }
  section#careers div.text.float-right {
    text-align: right;
  }
  section#careers div.text.float-right .actions a.btn {
    margin-left: 1%;
  }
  section#careers div.text[class*="float"] .actions a.btn {
    width: auto;
  }
}

@media (min-width: 768px) {
  section#careers div.text[class*="float"] .actions {
    width: 100% !important;
  }
}

@media (min-width: 930px) {
  section#careers:first-child div.text:not(.float-right) h4.eyebrow:empty {
    margin-top: 13%;
  }
  section#careers:first-child div.text:not(.float-right) h4.eyebrow {
    margin: 11% 0 1% 0;
  }
  section#careers:first-child div.text h4.eyebrow {
    margin-top: 4%;
  }
  section#careers:first-child .text h2 {
    font-size: 40px;
    margin: 0% 0 0%;
    font: 40px/1 'sabonbold', sans-serif;
  }
  section#careers .text h2 {
    font-size: 43px;
    margin: 3% 0 2%;
    font: 35px/1 'Basis Grotesque', Arial, Helvetica, sans-serif;
  }
}

@media (min-width: 1024px) {
   section#careers div.text.float-right {
    margin-left: calc(50vw - 500px);
  }
  section#careers:first-child div.text h4:empty {
    margin-top: 7%;
  }
  section#careers:first-child div.text h4.eyebrow {
    margin-top: 6%;
  }
  section#careers:first-child .text h2 {
    font-size: 60px;
    font: 54px/1 'sabonbold', sans-serif;
  }
  section#careers .text h2 {
    font-size: 43px;
    margin: 5% 0 2%;
    font: 54px/1 'Basis Grotesque', Arial, Helvetica, sans-serif;
  }
}

@media (min-width: 1100px) {
  section#careers div.text {
    max-width: 1200px;
    margin-left: 5vw;
    left: 0;
  }
}

@media (min-width: 1230px) {
  section#careers div.text.float-right {
    margin-left: 5%;
  }
  section#careers div.text {
    margin-left: calc(50vw - 600px);
  }
  section#careers div.text[class*="float"] {
    padding: 0px;
  }
  section#careers:first-child div.text h4.eyebrow:empty {
    margin-top: 7%;
  }
  section#careers:first-child .text h2 {
    font-size: 60px;
    margin: 2% 0 0%;
    font: 54px/1 'sabonbold', sans-serif;
  }
  section#careers .text h2 {
    font-size: 43px;
    margin: 3% 0 2%;
    font: 54px/1 'Basis Grotesque', Arial, Helvetica, sans-serif;
  }
}

section#careers div.text {
  margin-top: 0px;
}

section#careers div.text h4.eyebrow {
  font-family: sabon;
  font-style: italic;
  font-size: 20px;
}

section#careers > div.text > a.btn {
    vertical-align: middle;
    margin: 2% 1% 0 1% !important;
    width: 15%;
    min-width: 180px;
}

/* Owl carousel hack */

section#careers > div.owl-carousel .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    margin-left: -2vw;
}

section#careers > div.touts-carousel {
  max-width: 900px;
}

section#careers > div.touts-carousel > div.owl-stage-outer {
  overflow: visible;
}

section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item {
  width: 21% !important;
  margin-right: 2% !important;
}

section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item:first-child {
  margin-left: 21vw !important;
}

section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
  width: 200% !important;
  margin-left: -45.5% !important;
}

@media (min-width: 768px) {
  section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
      width: 200vw !important;
      margin-left: -20.5vw !important;
  }
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item {
    width: 10vw !important;
    margin-right: 40vw !important;
  }
  section#careers > div.text > a.btn {
    width: 20vw;
    margin: 1vw 1vw;
  }
}

@media (min-width: 800px) {
  section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
      margin-left: -16.5vw !important;
  }
}

@media (min-width: 850px) {
  section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
      margin-left: -9vw !important;
  }
}

@media (min-width: 900px) {
  section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
      margin-left: -3.5vw !important;
  }
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item {
    margin-right: 35vw !important;
  }
}

@media (min-width: 968px) {
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item:first-child {
      margin-left: 18vw !important;
  }
}

@media (min-width: 1024px) {
  section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
      margin-left: -35vw !important;
  }
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item {
    margin-right: 26vw !important;
  }
}

@media (min-width: 1100px) {
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item {
    margin-right: 24vw !important;
  }
}

@media (min-width: 1200px) {
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item {
    margin-right: 11% !important;
    width: 21% !important;
  }
  section#careers > div.touts-carousel > div.owl-stage-outer > div.owl-stage {
      margin-left: -13% !important;
      max-width: 1200px;
  }
  section#careers > div.owl-carousel > div.owl-stage-outer > div.owl-stage div.owl-item:first-child {
    margin-left: 0% !important;
  }
  section#careers > div.owl-carousel .owl-nav.disabled + .owl-dots {
    display: none;
  }
}