.brx-boxed {max-width: 1440px} .brx-boxed #brx-header.brx-sticky {max-width: 1440px; margin-left: auto; margin-right: auto} body {font-family: "Asap"; font-weight: 400; color: #000000; font-size: var(--at-text--s)} h1 {font-size: var(--text-5xl); text-transform: uppercase; font-family: "Oswald"} h2 {font-size: var(--text-4xl); text-transform: uppercase; font-family: "Oswald"; font-weight: 700; line-height: 1.1} h3 {font-size: var(--text-3xl); font-family: "Oswald"; font-weight: 700; line-height: 1.2} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-l); color: var(--fifth)} h6 {font-size: var(--text-m)} .bricks-type-hero {font-size: var(--text-6xl); font-family: "Oswald"; text-transform: uppercase; font-weight: 600; font-style: normal; line-height: 1.1; color: var(--fift)} .brxe-container {width: 100%; padding-top: var(--space-s); padding-right: var(--space-xs); padding-bottom: var(--space-s); padding-left: var(--space-xs)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--fifth)} :root .bricks-button[class*="primary"] {color: var(--primary)} .bricks-button {padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s); font-family: "Asap"; font-size: var(--text-l); text-transform: uppercase; font-weight: 900; line-height: 1} .bricks-button.sm {padding-top: var(--space-xs); padding-right: var(--space-xs); padding-bottom: var(--space-xs); padding-left: var(--space-xs)} .bricks-button.md {padding-top: var(--space-s); padding-right: var(--space-s); padding-bottom: var(--space-s); padding-left: var(--space-s)} .bricks-button.lg {padding-top: var(--space-m); padding-right: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-m)} .bricks-button.xl {padding-top: var(--space-l); padding-right: var(--space-l); padding-bottom: var(--space-l); padding-left: var(--space-l)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--fifth-l-2)} .bricks-button.outline {box-shadow: 0 2px 5px 25px var(--fifth-l-2)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"] {color: var(--fifth-d-2)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary-l-3)} .brxe-section {padding-top: var(--space-s); padding-bottom: var(--space-s)}@media (max-width: 767px) { .bricks-type-hero {font-size: var(--text-6xl); line-height: 1.1}}@media (max-width: 478px) { body {font-size: var(--text-m); line-height: 1.2; font-family: "Asap"} h2 {font-family: "Oswald"; font-weight: 700} h1, h2, h3, h4, h5, h6 {font-family: "Oswald"; line-height: 1.2} .brxe-section {margin-top: var(--space-xs); margin-bottom: var(--space-xs)}}