:root {  --container-width: 1280px; --content-width: 800px;  --header-height: 65px; .special-text{ color: var(--principal); } }@media (max-width: 767px) { :root {  --header-height: 60px; }} html {background-color: var(--background-principal)} body {background: none} .brx-boxed {max-width: 1280px} .brx-boxed #brx-header.brx-sticky {max-width: 1280px; margin-left: auto; margin-right: auto} html {font-size: 100%} body {text-transform: none; color: var(--text-light); font-size: var(--text-m); font-family: "Montserrat"; line-height: 1.6} h1, h2, h3, h4, h5, h6 {font-family: "Playfair"} h1 {font-size: var(--text-5xl); line-height: 1.1} h2 {font-size: var(--text-4xl); line-height: 1.2; margin-top: 10px; margin-bottom: 10px} h3 {font-size: var(--text-3xl); line-height: 1.2; font-family: "Playfair"; font-weight: 600} h4 {font-size: var(--text-2xl); font-family: "Playfair"; font-weight: 600; line-height: 1.3} h5 {font-size: var(--text-xl); font-family: "Playfair"; font-weight: 600; line-height: 1.3} h6 {font-size: var(--text-l); font-family: "Playfair"; text-transform: uppercase; font-weight: 700; line-height: 1.4} .bricks-type-hero {font-size: var(--text-7xl); font-family: "Playfair"; font-weight: 600; line-height: 1} .bricks-type-lead {font-family: "Montserrat"; font-weight: 400; font-size: var(--text-l); line-height: 1.4} blockquote {font-size: var(--text-s); font-family: "Montserrat"; font-weight: 400; line-height: 1.5} .brxe-container {width: 100%; max-width: var(--container-width); margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-width)} .brxe-section {justify-content: center; align-items: center; padding-top: var(--space-3xl); padding-right: var(--space-m); padding-bottom: var(--space-3xl); padding-left: var(--space-m)} .brxe-block {column-gap: var(--space-m); row-gap: var(--space-m)} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column} .bricks-button {font-size: var(--text-m); font-family: "Montserrat"; font-weight: 600; line-height: 1; letter-spacing: 0.02px; padding-top: var(--space-m); padding-right: var(--space-xl); padding-bottom: var(--space-m); padding-left: var(--space-xl)} :root .bricks-button[class*="primary"] {color: var(--text-dark)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="secondary"] {color: var(--text-light); border: 1px solid var(--secondary); border-radius: var(--text-s)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--background-principal)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: var(--text-dark); border: 1px solid var(--secondary); border-radius: var(--text-s)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--background-secondary)} .bricks-button.sm {padding-top: var(--space-2xs); padding-bottom: var(--space-2xs)} .bricks-button.md {padding-top: var(--space-s); padding-right: var(--space-l); padding-bottom: var(--space-s); padding-left: var(--space-l)} .bricks-button.lg {padding-top: var(--space-m); padding-right: var(--space-xl); padding-bottom: var(--space-m); padding-left: var(--space-xl)} .bricks-button.xl {padding-top: var(--space-l); padding-right: var(--space-2xl); padding-bottom: var(--space-l); padding-left: var(--space-2xl)}