.brxe-container {width: 1200px; max-width: 95%; row-gap: 50px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px; max-width: 95%} :root .bricks-button[class*="secondary"] {font-size: 18px; font-family: "Adamina"; color: #eef5fe} :root .bricks-button[class*="secondary"].outline {border-radius: 67px} .bricks-button.xl {padding-top: 16px; padding-right: 40px; padding-bottom: 16px; padding-left: 40px; font-size: 18px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #00459e} :root .bricks-button[class*="primary"].outline:hover {background-color: #00459e; color: #ffffff} .bricks-button.lg {padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px} :root .bricks-button[class*="dark"]:not(.outline) {background-color: #010205} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: rgba(18, 20, 29, 0.89)} .bricks-button {font-size: 16px; color: var(--bricks-color-mmqeha); text-transform: uppercase; font-weight: 500; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: rgba(0, 0, 0, 0)} body {font-size: 18px; font-family: "Space Grotesk"} h1, h2, h3, h4, h5, h6 {font-family: "Space Grotesk"; text-transform: capitalize; font-weight: 500} .brxe-section {padding-top: 100px; padding-bottom: 100px}@media (max-width: 991px) { .brxe-section {padding-top: 75px; padding-bottom: 75px}}@media (max-width: 767px) { .brxe-section {padding-top: 50px; padding-bottom: 50px}}@media (max-width: 478px) { .brxe-container {max-width: 96%} #brx-content.wordpress {max-width: 96%}}