.brxe-container {max-width: var(--max-width-xxlarge); width: 100%; row-gap: var(--gap-24)} #brx-content.wordpress {max-width: var(--max-width-xxlarge); width: 100%} .woocommerce main.site-main {width: 100%} html {font-size: 100%} h1 {font-size: 56px; font-family: "Relative"; font-weight: 700; line-height: 120%; letter-spacing: 0px; color: var(--base-text-color)} h2 {font-size: 48px; font-family: "Relative"; font-weight: 700; letter-spacing: 0px; line-height: 120%; color: var(--base-text-color)} h3 {font-size: 40px; color: var(--base-text-color); font-family: "Relative"; font-weight: 700; line-height: 120%; letter-spacing: 0px} h4 {font-size: 32px; color: var(--base-text-color); font-family: "Relative"; font-weight: 700; letter-spacing: 0px; line-height: 130%} h5 {font-size: 24px; color: var(--base-text-color); font-family: "Relative"; font-weight: 700; line-height: 140%; letter-spacing: 0px} h6 {font-size: 20px; color: var(--base-text-color); letter-spacing: 0px; line-height: 120%; font-weight: 700; font-family: "Relative"} .brxe-section {padding-top: var(--padding-section-medium); padding-right: 60px; padding-bottom: var(--padding-section-medium); padding-left: 60px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--green-action)} :root .bricks-button[class*="primary"] {color: var(--pure-white); font-size: 16px; font-family: "Relative"; line-height: 150%; font-weight: 400; letter-spacing: 0px; border: 1px solid var(--green-action); border-radius: 100px} .bricks-button {padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px} :root .bricks-button[class*="secondary"] {font-size: 16px; color: var(--base-text-color); line-height: 150%; font-family: "Relative"; letter-spacing: 0px; border: 1px solid var(--base-text-color); border-radius: 100px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)}@media (max-width: 478px) { .brxe-container {column-gap: var(--gap-24)} h1 {font-size: 40px} h2 {font-size: 32px} h6 {font-size: 18px} h5 {font-size: 20px} h4 {font-size: 20px; font-family: "Relative"; line-height: 140%; letter-spacing: 0px} h3 {font-size: 24px; font-family: "Relative"; line-height: 140%; letter-spacing: 0px} .brxe-section {padding-top: var(--padding-section-large-mobile); padding-right: var(--padding-global); padding-bottom: var(--padding-section-large-mobile); padding-left: var(--padding-global)}}