.calculator-page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

/* INTRO CSS */

.calculator-page .intro {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 180px 0px;
  max-width: 1440px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/calculator/ConversionCalculator_Desktop_Hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.calculator-page .intro-text-wrapper {
  width: 100%;
  max-width: 500px;
  padding: 0 0 0 60px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.calculator-page .calculator-tag {
  margin: 0 30px 30px;
}

@media only screen and (max-width: 1100px) {
  .calculator-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/calculator/ConversionCalculator_Mobile_Hero.jpg);
    align-items: center;
    padding: 80px 0 85vw;
    background-position: bottom;
  }
  .calculator-page .intro-text-wrapper {
    align-items: center;
    padding: 0;
  }
  .calculator-page .intro-text {
    text-align: center;
  }
}

@media only screen and (max-width: 900px) {
  .calculator-page .intro {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/calculator/ConversionCalculator_Mobile_Hero.jpg);
    padding: 80px 0 85vw;
  }
}