.text-gradient.customized {
    display: inline;
}

@media only screen and (min-width: 1136px) {
    .story-hero-text-content {
        width: 1100px;
        max-width: 1100px;
    }
}
@media only screen and (max-width: 1135px) and (min-width: 1001px) {
    .story-hero-text-content {
        width: 1000px;
        max-width: 1000px;
    }

    .story-hero-text-content .typography-story-headline {
        font-size: 56px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 871px) {
    .story-hero-text-content {
        width: 850px;
        max-width: 850px;
    }
    .story-hero-text-content .typography-story-headline {
        font-size: 56px;
    }
}

@media only screen and (max-width: 870px) and (min-width: 735px) {
    .story-hero-text-content {
        width: 700px;
        max-width: 700px;
    }

    .story-hero-text-content .typography-story-headline {
        font-size: 40px;
    }
}