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