html {background-color: var(--bckg-2-lighter)} body {background: none; font-size: var(--text-xs); font-family: "Century Gothic"; line-height: 1.2em} .brxe-container {width: 1750px; max-width: 90%} .woocommerce main.site-main {width: 1750px} #brx-content.wordpress {width: 1750px; max-width: 90%} h1, h2, h3, h4, h5, h6 {font-weight: 400; line-height: 1.3em; text-transform: capitalize} .bricks-button {font-size: var(--text-xs); font-family: "Century Gothic"; text-transform: none; border-radius: 35px; transition: all 0.3s ease-in-out; padding-top: 1.6rem; padding-right: 4rem; padding-bottom: 1.6rem; padding-left: 4rem} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--light-green-text)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--green)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--white-text)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--sec-button)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--white-text); border: 1px solid var(--white-text)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--white-text-15)}@media (min-width: 2100px) { .brxe-container {width: 1800px; max-width: 90%} .woocommerce main.site-main {width: 1800px} #brx-content.wordpress {width: 1800px; max-width: 90%}}