/* BREAKPOINT: Desktop (BASE) */ body {font-family: "Open sans"; font-size: 1.6rem; font-weight: 400; line-height: 1.6} h1,  h2,  h3,  h4,  h5,  h6 {font-family: "Urbanist Variable"; font-weight: 700; text-transform: capitalize; font-style: normal; line-height: 1.1em} h1 {line-height: .9; text-align: center; font-size: clamp(4rem, -1.6rem + 9.333vw, 9.6rem)} h2 {text-align: left; font-size: clamp(2.8rem, 2.2rem + 1.5vw, 4rem); margin-top: 0} .bricks-button {font-family: "Urbanist Variable"; font-weight: 700; text-transform: uppercase; text-align: center; font-size: 1.5rem; color: var(--bricks-color-1bf773); line-height: 1em; padding-top: 2.2rem; padding-right: 5rem; padding-bottom: 2.2rem; padding-left: 2.5rem; border-radius: 8px; transition: 0.3s ease all} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):hover {background-color: var(--bricks-color-f5a6e3)}:root .bricks-color-primary {color: var(--bricks-color-utbjuj)}:root .bricks-background-primary {background-color: var(--bricks-color-utbjuj)} .brxe-section {padding-top: 70px; padding-bottom: 70px} .brxe-container {column-gap: 20px; row-gap: 20px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: clamp(2rem, -0.143rem + 4.286vw, 5rem); padding-bottom: 0; padding-left: clamp(2rem, -0.143rem + 4.286vw, 5rem); width: 1200px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px}/* BREAKPOINT: laptop */@media (max-width: 1200px) { .brxe-section {padding-top: 60px; padding-bottom: 60px}}/* BREAKPOINT: Tablet portrait */@media (max-width: 1024px) { .brxe-section {padding-top: 50px; padding-bottom: 50px}}/* BREAKPOINT: Mobile landscape */@media (max-width: 768px) { .brxe-section {padding-top: 40px; padding-bottom: 40px}}