body {font-family: "Lato"; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "Marcellus"; font-weight: 400} h1 {font-weight: 600; font-size: 30px} h2 {font-size: 24px} .brxe-section {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; justify-content: center; column-gap: 10px; row-gap: 10px; align-items: center} .brxe-container {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; column-gap: 10px; row-gap: 10px; justify-content: center; align-items: center} .brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; row-gap: 10px; column-gap: 10px} .brxe-div {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {color: hsl(0, 0%, 0%); border-radius: 20px} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)) {background-color: hsl(0, 0%, 100%)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: hsl(0, 0%, 0%)} :root .bricks-button[class*="dark"] {color: hsl(0, 0%, 100%); border-radius: 20px}@media (max-width: 478px) { h1 {font-size: 25px} h2 {font-size: 24px}}