.large-hero { border-bottom: 10px solid white; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); position: relative; &__image{ display: block; } &__text-content { padding-top: 88px; position: absolute; top: 50%; left: 0px; width: 100%; transform: translateY(-50%); text-align: center; @include atMedium(){ padding-top: 60px; } } &__title { font-family: "CocogooseBold"; color: white; font-size: 2.4rem; margin: 0; @include atSmall(){ font-size: 4.8rem; } } &__subtitle { font-family: "CocogooseNormal"; color: white; font-size: 1.5rem; margin: 0; @include atSmall(){ font-size: 2.9rem; } } &__description { color: #FFF; font-weight: 00; font-size: 1.1rem; max-width: 50rem; margin-left: auto; margin-right: auto; @include atSmall(){ font-size: 1.875rem; } } }