html {font-size: 16px} body {font-size: 1.25rem; color: var(--bricks-color-144ec4); font-family: "Montserrat"; line-height: 1.75rem; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "Cormorant Garamond"; color: var(--bricks-color-144ec4); font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: 0px} h1 {font-size: 72px} h2 {font-size: 44px} h3 {font-size: 42px} .brxe-container {max-width: 100%; width: 1260px; padding-right: 20px; padding-left: 20px} #brx-content.wordpress {max-width: 100%; width: 1260px} .woocommerce main.site-main {width: 1260px} html {background-size: cover; background-position: center center; background-color: #ffffff} body {background: none} .bricks-button {font-size: 18px; font-weight: 700; line-height: 28px; color: #1c1917} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #cadbb8} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #accc89} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: rgba(255, 255, 255, 0)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(255, 255, 255, 0)} .brxe-section {padding-top: 40px; padding-bottom: 40px}:where(:root) .bricks-color-primary {color: #b89a6a}:where(:root) .bricks-background-primary {background-color: #b89a6a}@media (max-width: 767px) { h1 {font-size: 48px; line-height: 53px} h2 {font-size: 34px}}