.hero {
  /* padding: 5rem 0; */
  position: relative;
}

@media (max-width: 899px) {
  .hero--left-aligned .hero__headline-title, .hero--left-aligned .hero__intro-text {
    text-align: left !important;
    margin: 0;
  }

  .hero--left-aligned .hero__intro-text {
    padding: 0;
  }

  .hero--left-aligned .hero__headline {
    margin: 0;
  }

  .hero--left-aligned .hero__icon--grey {
    position: relative;
    left: 0;
    /*animation: 6s ease-in-out bounce infinite;*/
  }
}

@media (min-width: 900px) {
  .hero--left-aligned .hero__headline-wrapper {
    margin-left: unset;
  }
} 

.hero--left-aligned .hero__intro-text {
  margin: 1rem 0;
}

.hero__icon--grey, .hero__icon--yellow, .hero__icon--computer-pattern {
  position: absolute;
}
.hero__icon--dot {
  bottom: -1rem;
  /* right: 4rem; */
  position: relative;
}

@media (min-width: 900px) {
  .hero__icon--dot {
    right: 4rem;
    bottom: 2.3rem;
    position: absolute;
    display: block;
  }
}

.hero__icon--grey {
  left: 0;
  right: 0;
  margin: 4rem auto 6rem;
/*   animation: 6s ease-in-out bounce infinite; */
}

.hero__icon--yellow, .hero__icon--computer-pattern {
  display: none;
}

@media (min-width: 900px) {
  .hero__icon--yellow, .hero__icon--computer-pattern {
    display: block;
  }

  .hero__icon--yellow {
    top: 50%;
    transform: translateY(-50%);
    /*animation: 6s ease-in bounce infinite;*/
  }

  .hero__icon--computer-pattern {
    right: 0;
    bottom: 12rem;
  }
}

.hero__inner {
	/*   display: flex; */
	display: table;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}

body.blog .hero__inner, body.single-post .hero__inner {
	display: flex;
}

@media (max-width: 900px) {
  .hero__inner {
    display: flex;
  }
}
/*
@media (min-width: 900px) {
  .hero__inner {
    flex-direction: row;
  }
}
*/

.hero__headline-wrapper {
  text-align: center;
}

@media (min-width: 900px) {
  .hero__headline-wrapper {
    margin-left: auto;
  }
}

.hero__headline {
  display: flex;
  flex-direction: row;
  /* display: inline-flex; */
  position: relative;
  margin: 0 auto;
  max-width: 30rem;
  text-align: center;
}

@media (min-width: 900px)  {
  .hero__headline {
    max-width: 60rem;
  }
}

.hero__headline-title {
  font-size: 4.8rem;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.01rem;
}

@media (min-width: 900px) {
  .hero__headline-title {
    margin-left: auto;
    margin-right: 0;
  }
}



/* .hero__headline-title::after {
  display: inline-block;
  content: url('/assets/images/blue-dot-dark.svg');
  height: 1rem;
  width: 2rem;
} */

@media (min-width: 900px) {
  .hero__headline-title {
    font-size: 6rem;
    text-align: right;
    
  }
}

.hero__intro-text {
  font-size: 1.6rem;
  max-width: 50rem;
  margin: 3rem 0;
  padding: 0 2rem;
  margin: 3rem auto;
  line-height: 3.7rem;
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 900px) {
  .hero__intro-text {
    font-size: 2.1rem;
    text-align: left;
    margin-left: 5rem;
    height: fit-content;
    position: relative;
    top: 50%;
  }
}