html {font-size: 100%} body {font-size: var(--text-base); color: var(--bricks-color-vmubee); font-family: "Manrope"; font-weight: 400; line-height: normal} h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-vmubee); line-height: normal} h1 {font-size: var(--text-3xl)} h2 {font-size: var(--text-2xl)} h3 {font-size: var(--text-xl)} h4 {font-size: var(--text-lg)} h5 {font-size: var(--text-md)} h6 {font-size: var(--text-md)} .brxe-container {width: calc(100% - 96px); max-width: 900px} .woocommerce main.site-main {width: calc(100% - 96px)} #brx-content.wordpress {width: calc(100% - 96px); max-width: 900px} .bricks-button {font-size: var(--text-lg); font-family: "Manrope"; font-weight: 400; line-height: normal; transition: .3s; padding-top: 8px; padding-right: 26px; padding-bottom: 8px; padding-left: 26px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-vmubee)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-arfnjv); border: 1px solid var(--bricks-color-vmubee)} :root .bricks-button[class*="primary"].outline {border: 1px solid var(--bricks-color-vmubee); color: var(--bricks-color-vmubee)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-vzdoim)} :root .bricks-button[class*="secondary"].outline {border: 1px solid var(--bricks-color-vzdoim); color: var(--bricks-color-vzdoim)}@media (max-width: 768px) { .brxe-container {max-width: 100%; width: calc(100% - 32px)} #brx-content.wordpress {max-width: 100%; width: calc(100% - 32px)} .woocommerce main.site-main {width: calc(100% - 32px)}}