html {font-size: 100%} body {font-size: 16px; font-family: "Lato"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Marcellus"; font-weight: 400; text-transform: capitalize; line-height: 1.28em} h1 {font-size: clamp(1.5rem, 1.643vw + 1.009rem, 4.5rem)} h2 {font-size: clamp(2rem, 1.204vw + 1.424rem, 6rem); color: var(--bricks-color-zlonie)} h3 {line-height: 1.4em; font-size: clamp(1.5rem, 1.334rem + 0.555vw, 2rem)} .brxe-section {padding-top: clamp(2.5rem, 1.11vw + 2.169rem, 3.5rem); padding-right: clamp(1rem, 1.505vw + 0.281rem, 6rem); padding-bottom: clamp(2.5rem, 1.11vw + 2.169rem, 3.5rem); padding-left: clamp(1rem, 1.505vw + 0.281rem, 6rem)} .brxe-container {width: 100%; padding-right: clamp(1rem, 1.095vw + 0.673rem, 3rem); padding-left: clamp(1rem, 1.095vw + 0.673rem, 3rem)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-div:where(:not(.brx-dropdown-content)) {display: flex} .brxe-div {flex-direction: column; column-gap: clamp(1rem, 1.095vw + 0.673rem, 3rem); row-gap: clamp(1rem, 1.095vw + 0.673rem, 3rem)} .brxe-text {line-height: 1.4em; font-weight: 400; color: var(--bricks-color-ycmvhh); font-size: clamp(0.8rem, 0.361vw + 0.692rem, 1.125rem)} .brxe-text-basic {line-height: 1.4em; font-weight: 400; color: var(--bricks-color-ycmvhh); font-size: clamp(0.8rem, 0.361vw + 0.692rem, 1.125rem)} html {background-color: #f9f1e9} body {background: none} :root .bricks-button[class*="primary"] {text-transform: uppercase; color: var(--bricks-color-pgkbfu); font-size: clamp(0.7rem, 0.333vw + 0.601rem, 1rem)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-zlonie)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-aihkks)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-pgkbfu); text-transform: uppercase; font-weight: 400} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-aihkks)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border: 1px solid var(--bricks-color-pgkbfu); color: var(--bricks-color-pgkbfu); text-transform: uppercase} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-weqdox)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--bricks-color-zlonie)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--bricks-color-pgkbfu)} .bricks-button {padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem; font-family: "Lato"; font-weight: 400; letter-spacing: 1.28px; font-size: clamp(0.7rem, 0.333vw + 0.601rem, 1rem); transition: 0.5s; border-radius: 47px} :root .bricks-button[class*="dark"] {text-transform: uppercase; color: var(--bricks-color-zlonie); border: 1px solid var(--bricks-color-zlonie)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-weqdox)} :root .bricks-button[class*="dark"]:hover {color: var(--bricks-color-pgkbfu)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-zlonie)} .bricks-button.sm {padding-top: 0.75rem; padding-right: 2rem; padding-bottom: 0.75rem; padding-left: 2rem} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-pgkbfu)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-zlonie)}.brxe-nav-menu .bricks-nav-menu > li > a {font-size: clamp(1rem, 2.162vw + -1.595rem, 3rem); text-transform: uppercase; color: var(--bricks-color-pgkbfu); font-weight: 600; letter-spacing: 1.44px}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-size: clamp(1rem, 2.162vw + -1.595rem, 3rem); text-transform: uppercase; color: var(--bricks-color-pgkbfu); font-weight: 600; letter-spacing: 1.44px}@media (min-width: 3400px) { h1 {font-size: 6.5rem} h2 {font-size: 5.5rem} h3 {font-size: 4.5rem} .brxe-text {font-size: 3.25rem} .brxe-text-basic {font-size: 3.25rem} .bricks-button {font-size: 3rem; padding-top: 1.5rem; padding-right: 2.5rem; padding-bottom: 1.5rem; padding-left: 2.5rem; border-radius: 80px}}@media (max-width: 478px) { h1 {font-size: 1.75rem} .brxe-text {font-size: 0.9rem} .brxe-text-basic {font-size: 0.9rem}}