.text-narrow {
    padding: 80px 0;
}

.text-narrow .block-text {
    max-width: 540px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--primary);
}

.text-narrow h1,
.text-narrow h2,
.text-narrow h3,
.text-narrow h4,
.text-narrow h5,
.text-narrow h6{
    font-family: var(--font-accent);
}
.text-narrow h5 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3%;

}

@media (max-width:1440px) {
    .text-narrow {
        padding: 64px 0;
    }
}

@media (max-width:1199px) {
    .text-narrow {
        padding: 48px 0;
    }
}