.brxe-container {width: 1640px; column-gap: 50px; row-gap: 20px; justify-content: center} .woocommerce main.site-main {width: 1640px} #brx-content.wordpress {width: 1640px} body {color: var(--bricks-color-ziblze); font-family: "Poppins"; font-size: 18px; font-weight: 300} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-veoobw); font-weight: 600; font-family: "Poppins"} h1 {font-size: 48px} h4 {font-size: 20px} h3 {font-size: 24px} .bricks-button {color: var(--bricks-color-uixdjr); font-size: 18px; line-height: 1.7; 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); font-family: "Arial"; border: 2px solid var(--bricks-color-rketcl)} .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-veoobw); border: 2px solid var(--bricks-color-veoobw)} :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)} :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)} :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)}:root .bricks-color-primary {color: var(--bricks-color-rketcl)}:root .bricks-background-primary {background-color: var(--bricks-color-rketcl)}:root .bricks-color-secondary {color: var(--bricks-color-qtyxaq)}:root .bricks-background-secondary {background-color: var(--bricks-color-qtyxaq)} .brxe-section {margin-top: 80px; max-width: 2560px}@media (max-width: 1920px) { .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} h1 {font-size: 42px} .bricks-button {font-size: 16px}}@media (max-width: 1520px) { .brxe-container {width: 85%; column-gap: 40px} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%} body {font-size: 16px} h1 {font-size: 36px} h3 {font-size: 18px} h4 {font-size: 16px} .bricks-button {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 14px} .brxe-section {margin-top: 60px}}@media (max-width: 991px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} h5 {font-size: 16px} h3 {font-size: 16px} h2 {font-size: 26px} body {font-size: 14px} .bricks-button {font-size: 12px}}@media (max-width: 767px) { h1 {font-size: 28px} h5 {font-size: 14px} h2 {font-size: 24px} h3 {font-size: 14px} body {font-size: 12px} .bricks-button {padding-top: 5px; padding-bottom: 5px} .brxe-section {margin-top: 50px}}@media (max-width: 478px) { h1 {font-size: 24px} h4 {font-size: 14px} h5 {font-size: 12px} h2 {font-size: 20px} .bricks-button {padding-top: 5px; padding-bottom: 5px}}