/**
* @file paragraph--hero-homepage.html.twig
*/

.hero-homepage {
  margin-top: -3.24rem;
  z-index: 10;
  position: relative;
}
.hero-homepage__content {
  position: relative;
}
.hero-homepage__title {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  color: var(--color-white);
}
.hero-homepage__title h1 {
  font-size: var(--heading-size--xxl);
  padding-left: 3.75rem;
  text-indent: -3.75rem;
  margin: 0;
}
.hero-homepage__title .stylised_title {
  font-size: var(--heading-size--xl);
  color: var(--color-white);
}
@media all and (min-width:500px) {
  .hero-homepage__title {
    display: flex;
    justify-content: center;
    width: 100%;
    left: unset;
    transform: none;
  }
  .hero-homepage__title h1 {
    max-width: 896px;
    width: 82%;
    line-height: 50%;
  }
}
@media all and (min-width:1440px) {
  .hero-homepage__title {
    top: 15%;
  }
}
@media all and (min-width:1800px) {
  .hero-homepage__title {
    top: 30%;
  }
}