/* BREAKPOINT: Mobile portrait (BASE) */ html {font-size: 100%} body {font-size: 1rem; line-height: 1.5} h1 {line-height: 1.2; font-size: 2.6rem} h2 {line-height: 1.2; font-size: 2rem} h3 {line-height: 1.2; font-size: 1.6rem} h4 {line-height: 1.2; font-size: 1.3rem} h5 {line-height: 1.2; font-size: 1.1rem} h6 {line-height: 1.2; font-size: 1rem} .brxe-container {width: 1440px; padding-top: 4rem; padding-right: 5%; padding-bottom: 4rem; padding-left: 5%} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} :root .bricks-button[class*="primary"] {color: #f8fafc; border: 1px solid #475569} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #475569} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #334155} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #f1f5f9} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #f8fafc} :root .bricks-button[class*="secondary"] {color: #475569; border: 1px solid #94a3b8} .bricks-button {font-size: 0.9rem; letter-spacing: 0px} .bricks-button.md {padding-top: 0.8rem; padding-right: 2rem; padding-bottom: 0.8rem; padding-left: 2rem} :root .bricks-button[class*="primary"]:hover {border-color: #334155} :root .bricks-button[class*="secondary"]:hover {color: #334155}/* BREAKPOINT: Tablet portrait */@media (min-width: 600px) { h1 {font-size: 3rem} h3 {font-size: 1.8rem} h4 {font-size: 1.4rem} h5 {font-size: 1.2rem} h6 {font-size: 1.1rem}}