.brxe-container {width: 1340px; padding-top: clamp(70px, 9svh, 128px); padding-right: 30px; padding-bottom: clamp(70px, 9svh, 128px); padding-left: 30px} .woocommerce main.site-main {width: 1340px} #brx-content.wordpress {width: 1340px} html {font-size: 16px} body {font-family: "Open Sans"; line-height: 1.75; font-size: 1.0625rem; color: var(--human-color-text-l-3)} h1 {font-size: 6rem; color: hsl(0, 0%, 100%); line-height: 0.98; font-weight: 800} h2 {font-size: 3.375rem; font-weight: 800; letter-spacing: -0.025em; color: var(--human-color-secondary); line-height: 1} .bricks-button {color: var(--human-color-text-d-7); font-size: 1rem; font-weight: 700; line-height: normal; letter-spacing: inherit; border: 1px solid var(--human-color-primary); transition: all 200ms; padding-top: 0.8125em; padding-right: 1.375em; padding-bottom: 0.8125em; padding-left: 1.375em} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--human-color-primary)} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: hsl(0, 0%, 100%)} .bricks-button:where(.outline) {color: var(--human-color-primary); border-width: 1px; border-color: var(--human-color-primary)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--human-color-primary)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: hsl(0, 0%, 100%)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border-color: hsl(0, 0%, 100%)} .bricks-button:where(.bricks-color-primary.outline):hover {color: #ffffff; background-color: var(--human-color-secondary); border-color: var(--human-color-primary)} .bricks-button:where(.bricks-color-primary.outline) {color: var(--human-color-secondary); border-color: var(--human-color-secondary)} .bricks-button:where(.bricks-color-light.outline) {color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%)} .bricks-button:where(.bricks-color-light.outline):hover {color: var(--human-color-text-d-7); background-color: #ffffff; border-color: #ffffff} .bricks-button:where(.bricks-background-muted:not(.outline)) {background-color: hsla(0, 0%, 100%, 0)} .bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {border-color: hsla(0, 0%, 100%, 0)}@media (max-width: 991px) { .brxe-container {padding-top: clamp(60px, 7svh, 100px); padding-bottom: clamp(60px, 7svh, 100px)} h2 {font-size: 3.25rem}}@media (max-width: 767px) { .brxe-container {padding-top: clamp(50px, 6svh, 80px); padding-bottom: clamp(50px, 6svh, 80px)} h2 {font-size: 2.75rem}}@media (max-width: 478px) { .brxe-container {padding-top: clamp(50px, 5svh, 60px); padding-bottom: clamp(50px, 5svh, 60px)} body {font-size: 1rem} h2 {font-size: 2rem}}