/* BREAKPOINT: Desktop (BASE) */ .brxe-container {max-width: 1280px; width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} body {font-family: "Mukta Mahee"; font-weight: 400; color: var(--base)} h1 {font-family: "Red Hat Display"; text-transform: capitalize; font-weight: 900} h2 {font-family: "Red Hat Display"; text-transform: capitalize; font-weight: 900; line-height: 1.2} h3 {font-family: "Red Hat Display"; text-transform: capitalize; font-weight: 900} h4 {font-family: "Red Hat Display"; text-transform: capitalize; font-weight: 900} h5 {font-family: "Red Hat Display"; text-transform: capitalize; font-weight: 900} h6 {font-family: "Red Hat Display"; text-transform: capitalize; font-weight: 900} .brxe-div {display: flex; align-items: flex-start; flex-direction: column} .brxe-block {display: flex; align-items: flex-start} .bricks-button {transition: all 0.3s ease-in-out; padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)} .bricks-button.lg {padding-top: var(--space-s); padding-right: var(--space-m); padding-bottom: var(--space-s); padding-left: var(--space-m)} .brxe-section {padding-right: 0; padding-left: 0}/* BREAKPOINT: Tablet portrait */@media (max-width: 991px) { .brxe-container {width: 80%} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%}}/* BREAKPOINT: Mobile portrait */@media (max-width: 478px) { .bricks-button.lg {padding-right: var(--space-s); padding-left: var(--space-s)}}