.brxe-container {width: 100%; max-width: 1200px; column-gap: 50px; row-gap: 25px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1200px} .brxe-section {padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px} .bricks-button {border-radius: 5px; text-transform: uppercase} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-sulsdn)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-aihlrk)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-mratwc)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-fdimmn)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-qjkbqs)} body {font-family: "Manrope", sans-serif; font-size: var(--text-m); font-weight: 500; color: var(--bricks-color-sdukht); line-height: 1.5} h1, h2, h3, h4, h5, h6 {font-family: "Be Vietnam Pro", sans-serif; line-height: 1.15em; color: var(--bricks-color-sdukht)} h1 {font-size: var(--headings-xl); font-weight: 800} h2 {font-size: var(--headings-m); font-weight: 800} h3 {font-size: var(--headings-s); font-weight: 800} h4 {font-size: var(--headings-xs); font-weight: 700} h5 {font-weight: 300; text-transform: uppercase; font-size: var(--headings-2xs)} h6 {font-size: var(--headings-2xs); text-transform: uppercase; font-weight: 300}@media (max-width: 767px) { .brxe-section {padding-top: 35px; padding-right: 25px; padding-bottom: 35px; padding-left: 25px}}