@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

:root {
      --K15t-font-family-body: Roboto, sans;
	  --K15t-font-family-headline: Roboto, sans;
      --K15t-font-size-headline-large: 3rem;
  	  --K15t-font-size-headline-medium: 2.125rem;
      --K15t-font-size-headline-small: 1.5rem;
} 

space-overview__hero__header__content__intro--intro {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.space-overview__hero__header__content__intro--heading {
    font-family: var(--K15t-font-family-headline);
    font-size: var(--K15t-font-size-headline-large);
    font-weight: 500;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-bottom: .25rem;
    overflow-wrap: anywhere
}

@media (min-width:1024px) {
    .space-overview__hero__header__content__intro--heading {
        font-size: 2rem;
        font-weight: 400;
        margin-bottom: 1rem
    }
}
.space-overview__hero__header__content__intro--intro {
    font-family: var(--K15t-font-family-headline);
    font-size: 28px;
    font-color: #8A8B91;
    margin-bottom: 1.5rem
}

@media (min-width:1024px) {
    .space-overview__hero__header__content__intro--intro {
        font-size: 3rem;
        margin-bottom: 2rem;
        font-color: #8A8B91;
    }
}