.brxe-container {width: 100%; max-width: 1260px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1260px} .bricks-button {text-align: center; text-transform: uppercase; font-family: ""; font-weight: 400; letter-spacing: 1px; transition: all .3s ease} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--navy-blue)} .bricks-button:where(.outline) {font-family: "Hanken Grotesk"; font-weight: 700} html {font-size: var(--text-p-19-base)} body {font-size: var(--text-p-19-base); font-family: "Hanken Grotesk"; line-height: var(--text-h4-29)} h1, h2, h3, h4, h5, h6 {font-family: "Marcellus"; text-transform: capitalize; font-weight: 400} h1 {font-size: var(--text-h1-48); text-transform: capitalize; font-family: "Marcellus"} h2 {font-size: var(--text-h2-39); font-family: "Marcellus"} h3 {font-size: var(--text-h3-34)} h4 {font-size: var(--text-h4-29)} h5 {font-size: var(--text-h5-25); font-family: "Hanken Grotesk"} h6 {font-size: var(--text-h6-21); font-family: "Marcellus"}.brxe-social-icons li {background-color: var(--navy-blue)}