.brxe-container {width: 1640px; justify-content: center; align-items: center; column-gap: 60px; row-gap: 20px} .woocommerce main.site-main {width: 1640px} #brx-content.wordpress {width: 1640px} body {color: var(--bricks-color-veoobw); font-family: "Heebo"; font-weight: 300; font-size: 20px; text-align: center} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-veoobw); font-family: "Heebo"; font-weight: 500; text-align: center} h1 {font-size: 48px} h4 {font-size: 20px} h2 {font-size: 40px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-rketcl)} .bricks-button {color: var(--bricks-color-uixdjr); font-size: 18px; font-family: "Heebo"; font-weight: 500; transition: all .5s ease; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-rketcl)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-uixdjr); border: 2px solid var(--bricks-color-rketcl); border-radius: 0} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-qtyxaq)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-qtyxaq)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-uixdjr); border: 2px solid var(--bricks-color-uixdjr); border-radius: 0} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-csqqac)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-uixdjr); border: 2px solid var(--bricks-color-rketcl); border-radius: 0} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-rketcl)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-rketcl); border: 2px solid var(--bricks-color-rketcl); border-radius: 0} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-csqqac)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-uixdjr)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-rketcl)} :root .bricks-button[class*="primary"]:hover {border: 2px solid var(--bricks-color-qtyxaq)} .brxe-section {margin-top: 80px}@media (max-width: 1920px) { .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} h1 {font-size: 42px} h3 {font-size: 24px} .bricks-button {font-size: 14px}}@media (max-width: 1520px) { .brxe-container {width: 85%} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%} body {font-size: 16px} h1 {font-size: 36px} h2 {font-size: 30px} h3 {font-size: 22px} h4 {font-size: 16px} .bricks-button {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 12px}}@media (max-width: 991px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} h1 {font-size: 32px} h3 {font-size: 20px} h5 {font-size: 16px} h2 {font-size: 24px} body {font-size: 14px} .bricks-button {font-size: 12px} .brxe-section {margin-top: 60px}}@media (max-width: 767px) { h1 {font-size: 28px} h3 {font-size: 18px} h5 {font-size: 14px}}@media (max-width: 478px) { h1 {font-size: 24px} h3 {font-size: 16px} h4 {font-size: 14px} h5 {font-size: 12px} body {font-size: 13px}}