Fix page header h1 typography to use responsive CSS variables

This commit is contained in:
2026-03-17 13:42:42 -05:00
parent 98f37fa94d
commit e6ef8a35d3

View File

@@ -2660,7 +2660,7 @@ header.main-header .header-sticky.active{
} }
.page-header-box h1{ .page-header-box h1{
font-size: 80px; font-size: var(--font-size-5xl);
font-weight: 700; font-weight: 700;
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
@@ -2668,6 +2668,12 @@ header.main-header .header-sticky.active{
margin-bottom: 25px; margin-bottom: 25px;
} }
@media (max-width: 768px) {
.page-header-box h1 {
font-size: var(--font-size-4xl);
}
}
.page-header-box h1 span{ .page-header-box h1 span{
color: var(--white-color); color: var(--white-color);
} }