:where(:root) .bricks-color-primary {color: var(--bricks-color-ckkcwz)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-ckkcwz)} body {font-family: "Montserrat"} h1 {font-size: 40px; line-height: 59.28px} h2 {font-size: 28px; line-height: 41.5px} h3 {font-size: 23px; line-height: 34.09px} h4 {font-size: 18px; line-height: 26.68px} .bricks-type-hero {font-size: 68px; line-height: 100.78px} .bricks-button {font-size: 18px; font-weight: 500; color: var(--bricks-color-ckkcwz); border: 2px solid var(--bricks-color-ckkcwz); border-radius: 5px; padding-top: 10px; padding-right: 35px; padding-bottom: 10px; padding-left: 35px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-ndqskh)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-yxlmmz); font-size: 18px; border: 2px solid var(--bricks-color-ckkcwz); border-radius: 5px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-ckkcwz)} .bricks-button:hover {color: var(--bricks-color-ndqskh)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-ckkcwz)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-ckkcwz); border-color: var(--bricks-color-ckkcwz)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-ndqskh)} .bricks-button.sm {padding-top: 6px; padding-right: 28px; padding-bottom: 6px; padding-left: 28px} .bricks-button.md {padding-top: 9px; padding-right: 33px; padding-bottom: 9px; padding-left: 33px} .bricks-button.lg {padding-top: 12px; padding-right: 38px; padding-bottom: 12px; padding-left: 38px} .bricks-button.xl {padding-top: 15px; padding-right: 45px; padding-bottom: 15px; padding-left: 45px} .brxe-container {width: 80%; max-width: 1440px} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1440px}@media (max-width: 991px) { .brxe-container {width: 90%} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%}}@media (max-width: 767px) { h1 {font-size: 2.5rem} h2 {font-size: 2rem} h3 {font-size: 1.8rem} h4 {font-size: 1.5rem} .bricks-type-hero {font-size: 5rem} .bricks-button:hover {color: var(--bricks-color-ndqskh)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-ckkcwz)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-ckkcwz)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-ndqskh)} .bricks-button {padding-top: 9px; padding-right: 33px; padding-bottom: 9px; padding-left: 33px} .bricks-button.sm {padding-top: 5px; padding-right: 26px; padding-bottom: 5px; padding-left: 26px} .bricks-button.md {padding-top: 7px; padding-right: 30px; padding-bottom: 7px; padding-left: 30px} .bricks-button.lg {padding-top: 10px; padding-right: 35px; padding-bottom: 10px; padding-left: 35px} .bricks-button.xl {padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 40px} .brxe-container {width: 85%} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%}}@media (max-width: 478px) { .bricks-button {padding-top: 6px; padding-right: 28px; padding-bottom: 6px; padding-left: 28px} .bricks-button.md {padding-top: 8px; padding-right: 32px; padding-bottom: 8px; padding-left: 32px} .bricks-button.xl {padding-right: 38px; padding-left: 38px}}