.header {
    padding: 200px 0 100px;
    color: var(--teal-20);
}

.header__title,
.header__subtitle {
    grid-column: 3 / -3;
}

.header__title {
    margin-bottom: 32px;
}

.header.green-thm .header__title {
    color: var(--green-30);
}
.header.blue-thm .header__title {
    color: var(--blue-30);
}

@media (max-width: 1024px) {
    .header__title, .header__subtitle {
        grid-column: 1 / -1;
    }
    .header {
        padding: 140px 0 80px;
    }
}
@media (max-width: 767px) {
    .header {
        padding: 120px 0 60px;
    }
}