All font size responsive updated
This commit is contained in:
parent
3a62adc229
commit
d3d40cdac8
@ -22,7 +22,7 @@
|
||||
.heroTitle {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: var(--hero-title-size);
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
.heroTitle {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: var(--hero-title-size);
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
.heroTitle {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: var(--hero-title-size);
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
.heroTitle {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: var(--hero-title-size);
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
.heroTitle {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: var(--hero-title-size);
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -76,6 +76,27 @@ button {
|
||||
background-color: var(--color-button);
|
||||
}
|
||||
|
||||
/* ===== H2 RESPONSIVE FONT SIZES ===== */
|
||||
|
||||
/* Desktop and Tablet Large: 992px and above - 48px */
|
||||
h2 {
|
||||
font-size: 48px !important;
|
||||
}
|
||||
|
||||
/* Tablet: 768px to 991px - 40px */
|
||||
@media (max-width: 991px) and (min-width: 768px) {
|
||||
h2 {
|
||||
font-size: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile: 320px to 767px - 26px */
|
||||
@media (max-width: 767px) {
|
||||
h2 {
|
||||
font-size: 30px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Global Border Utility */
|
||||
.border-standard {
|
||||
border-color: var(--color-border);
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
.heroTitle {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: var(--hero-title-size);
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
@ -56,7 +56,7 @@
|
||||
.title {
|
||||
font-family: var(--font-playfair);
|
||||
font-size: 78px;
|
||||
color: #f5e6d3;
|
||||
color: #d3cab3;
|
||||
margin-bottom: 1rem;
|
||||
line-height: 1.2;
|
||||
text-align: left;
|
||||
@ -108,8 +108,8 @@
|
||||
}
|
||||
|
||||
.btnSecondary:hover {
|
||||
background-color: #b28839;
|
||||
color: #000;
|
||||
background-color: var(--color-gold);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.dots {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user