html {font-size: 100px} body {font-size: 16px; line-height: 20px; letter-spacing: -4%; font-family: "Open Sans"} h1, h2, h3, h4, h5, h6 {font-weight: 600; font-family: "Rubik"} h1 {font-weight: 500; font-size: 88px; line-height: 96px; letter-spacing: -8%} h2 {font-size: 56px; font-weight: 600; line-height: 56px; letter-spacing: -4%} h3 {font-size: 24px; font-weight: 500; line-height: 24px; letter-spacing: -2%} .brxe-container {width: 1360px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .woocommerce main.site-main {width: 1360px} #brx-content.wordpress {width: 1360px} .bricks-button {color: var(--ffffff); font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: 8%; text-transform: uppercase; text-wrap: wrap; border-radius: 33554400px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--primary)} .bricks-button:where(.sm) {padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px}@media (max-width: 1280px) { h1 {font-size: 72px; line-height: 80px} h2 {font-size: 48px; line-height: 56px}}@media (max-width: 1024px) { h1 {font-size: 56px; line-height: 64px} h2 {font-size: 40px; line-height: 48px}}@media (max-width: 767px) { h1 {font-size: 65px; line-height: 73px}}@media (max-width: 478px) { h1 {font-size: 40px; line-height: 48px} h2 {font-size: 32px; line-height: 40px} h3 {font-size: 20px; line-height: 28px}}