/* BREAKPOINT: Ordinateur de bureau (BASE) */ html {font-size: 100%} body {font-size: 1.1rem; font-family: "Karla"; font-weight: 300; font-style: normal} h1,  h2,  h3,  h4,  h5,  h6 {font-family: "Prata"; font-weight: 400; font-style: normal} h1 {font-size: 3.2em; margin-bottom: 1.2em} h2 {font-size: 2.7em; margin-bottom: 1em} h3 {margin-bottom: 1em} h4 {margin-bottom: 1em} h5 {margin-bottom: 1em} h6 {margin-bottom: 1em} .brxe-section {padding-top: 6.5rem; padding-bottom: 6.5rem} .brxe-container {width: var(--grid-size); padding-right: 3em; padding-left: 3em} .woocommerce main.site-main {width: var(--grid-size)} #brx-content.wordpress {width: var(--grid-size)} body {background: none} .bricks-button {text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; color: #ffffff; padding-right: 2.5em; padding-left: 2.5em; transition: scale 0.2s ease} .bricks-button.sm {padding-right: 2.5em; padding-left: 2.5em} .bricks-button.md {padding-right: 2.5em; padding-left: 2.5em} .bricks-button.lg {padding-right: 2.5em; padding-left: 2.5em} .bricks-button.xl {padding-right: 2.5em; padding-left: 2.5em}/* BREAKPOINT: Tablette verticale */@media (max-width: 991px) { body {font-size: 1rem}}/* BREAKPOINT: Mobile horizontal */@media (max-width: 767px) { h2 {font-size: 2.2em} h1 {font-size: 2.5em} .brxe-section {padding-top: 3.5rem; padding-bottom: 3.5rem}}/* BREAKPOINT: Mobile vertical */@media (max-width: 478px) { h1 {font-size: 2.2em} h2 {font-size: 1.8em} .brxe-container {padding-right: 1.5em; padding-left: 1.5em}}