html {font-size: 100%} body {color: var(--bricks-color-enzjbw); font-family: "Sigma"; font-weight: 400} h1 {font-weight: 500; font-size: 40px; line-height: 42px; font-family: "Sigma"; margin-bottom: 1rem} h2 {font-weight: 500; font-size: 30px; margin-bottom: 1rem} h3 {font-weight: 500; font-size: 22px; margin-bottom: 1rem} h4 {font-weight: 500; line-height: 1.2; margin-bottom: 1rem} h5 {font-weight: 500; margin-bottom: 1rem} h6 {font-weight: 500; margin-bottom: 1rem} .brxe-container {width: 1024px} .woocommerce main.site-main {width: 1024px} #brx-content.wordpress {width: 1024px} .brxe-section {width: 100%; padding-right: 1.5rem; padding-left: 1.5rem} .bricks-button {border-color: var(--bricks-color-enzjbw); border-radius: 100px; font-size: 20px; color: #ffffff; transition: all 0.35s ease-in-out; padding-top: .75rem; padding-right: 1.5rem; padding-bottom: .65rem; padding-left: 1.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-enzjbw)} :root .bricks-button[class*="secondary"] {font-size: 17px; color: var(--bricks-color-enzjbw); text-transform: uppercase; line-height: 1; box-shadow: 0 4px 24px 0 rgba(6, 0, 61, 0.36)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-wxfaez)}.brx-popup {justify-content: center; align-items: center; padding-right: 1rem; padding-left: 1rem} .brx-popup-content {border-radius: 1rem; width: 27rem}@media (max-width: 1024px) { h1 {font-size: 30px} h2 {font-size: 25px} h3 {font-size: 20px}}@media (max-width: 767px) { .brxe-section {padding-right: 1rem; padding-left: 1rem}}@media (max-width: 478px) { h1 {line-height: 2rem; font-size: 25px} h2 {line-height: 2rem; font-size: 22px} body {line-height: 22px} h3 {font-size: 20px}}