body {font-family: "Helvetica"} h1, h2, h3, h4, h5, h6 {font-family: "Teko"; line-height: 1} h1 {font-size: var(--h1); font-weight: 700} h2 {font-size: var(--h2); font-weight: 700; line-height: 1} h3 {font-weight: 500; font-size: var(--h3)} h4 {font-weight: 500; font-style: normal; text-transform: uppercase; font-size: var(--h4)} h5 {font-weight: 600; font-size: var(--h5)} h6 {font-size: var(--h6); line-height: 1} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--text-light); font-family: "Teko"; font-size: var(--text-m); font-weight: 500; text-transform: uppercase; line-height: 1} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--secondary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--base)}@media (max-width: 478px) { .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-family: "Teko"; font-size: var(--h3); font-weight: 500; line-height: 1}}