 .brxe-container {width: 1640px; justify-content: center; align-items: center; column-gap: 50px; row-gap: 20px} .woocommerce main.site-main {width: 1640px} #brx-content.wordpress {width: 1640px} body {color: var(--bricks-color-ziblze); font-family: "Inter"; font-size: 16px; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-qkxnzt); font-family: "Inter"; font-weight: 600} h1 {font-size: 40px} 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-qkxnzt)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-uixdjr); font-family: "Arial"; border: 2px solid var(--bricks-color-qkxnzt)} .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 #ff5e14} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-qkxnzt)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-qkxnzt); border: 2px solid var(--bricks-color-qkxnzt)} :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-qkxnzt)} :root .bricks-button[class*="primary"]:hover {border: 2px solid var(--bricks-color-qtyxaq)}:where(:root) .bricks-color-primary {color: #009247}:where(:root) .bricks-background-primary {background-color: #009247}:where(:root) .bricks-color-secondary {color: var(--bricks-color-qtyxaq)}:where(: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} h2 {font-size: 32px} .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%} h1 {font-size: 36px} h2 {font-size: 28px} 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} body {font-size: 14px} h3 {font-size: 16px} h2 {font-size: 26px} .bricks-button {font-size: 12px}}@media (max-width: 767px) { h1 {font-size: 28px} h5 {font-size: 14px} h2 {font-size: 24px} h3 {font-size: 16px} body {font-size: 14px} .brxe-section {margin-top: 50px}}@media (max-width: 478px) { .brxe-container {width: 90%; row-gap: 10px; column-gap: 20px} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%} h1 {font-size: 24px} h4 {font-size: 14px} h5 {font-size: 12px} h2 {font-size: 20px} h3 {font-size: 16px} body {font-size: 12px} .bricks-button {padding-top: 5px; padding-bottom: 5px} .brxe-section {margin-top: 20px}}