body {font-family: "Archivo"; font-size: 16px; line-height: 1.62; color: var(--navy)} h1, h2, h3, h4, h5, h6 {font-family: "Cormorant Garamond"; font-weight: 600} h1 {font-size: 64px; line-height: 1.03; letter-spacing: 0.26px; color: var(--navy)} h2 {font-size: 42px; line-height: 1.1; letter-spacing: 0.17px; color: var(--navy)} h3 {font-size: 21px; line-height: 1.25; color: var(--navy)} h4 {font-size: 18px; line-height: 1.3; color: var(--navy)} h5 {font-size: 15px; line-height: 1.4; color: var(--navy)} h6 {font-size: 12px; line-height: 1.5; color: var(--navy)} .bricks-button {font-family: "Archivo"; font-size: 12.5px; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; color: var(--navy); line-height: normal; border: 1px solid var(--gold); border-radius: 3px; padding-top: 17px; padding-right: 24px; padding-bottom: 17px; padding-left: 24px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--gold)} .brxe-container {width: 1240px; padding-right: clamp(22px,5vw,80px); padding-left: clamp(22px,5vw,80px)} .woocommerce main.site-main {width: 1240px} #brx-content.wordpress {width: 1240px}@media (max-width: 1400px) { h2 {font-size: 40px}}@media (max-width: 1200px) { h1 {font-size: 50px}}@media (max-width: 991px) { h1 {font-size: 40px} h2 {font-size: 35px}}@media (max-width: 767px) { body {font-size: 14px}}@media (max-width: 478px) { h1 {font-size: 35px} h2 {font-size: 30px}}