html {font-size: 16px} body {font-size: 18px} h1 {font-size: 4rem; line-height: 1.2} h2 {font-size: 3rem; line-height: 1.2} h3 {font-size: 2.5rem; line-height: 1.2} h4 {font-size: 1.6rem; line-height: 1.2} h5 {font-size: 1.3rem} h6 {font-size: 1.25rem; line-height: 1.2} .brxe-section {padding-top: var(--spacing-xxl); padding-right: var(--spacing-xl); padding-bottom: var(--spacing-xxl); padding-left: var(--spacing-xl); justify-content: center} :root .bricks-button[class*="primary"] {color: var(--bricks-color-fakieg); border-radius: var(--spacing-xl)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-tsucei)} .bricks-button {font-size: 1rem; font-weight: 700; color: var(--bricks-color-tsucei); border-radius: var(--spacing-xl)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-fakieg)} :root .bricks-button[class*="primary"].outline {border-radius: var(--spacing-xl)} .bricks-button.outline {border-radius: var(--spacing-xl)} .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px}@media (max-width: 767px) { h1 {font-size: 3rem} h2 {font-size: 2.4rem} h3 {font-size: 1.8rem} h4 {font-size: 1.65rem} h6 {font-size: 1.25rem} h5 {font-size: 1.3rem} .brxe-section {padding-top: var(--spacing-md); padding-right: var(--spacing-md); padding-bottom: var(--spacing-md); padding-left: var(--spacing-md)}}@media (max-width: 478px) { h5 {font-size: 1.2rem}}