h1, h2, h3, h4, h5, h6 {color: var(--bricks-color-tegmjk); font-weight: 700; line-height: 1.25} h1 {font-size: 5.6rem; line-height: 1} h2 {font-size: 4.8rem} .brxe-text {color: var(--bricks-color-tegmjk); font-size: 1.6rem; font-weight: 400; line-height: 1.25} .brxe-text-basic {color: var(--bricks-color-tegmjk); font-size: 1.6rem; font-weight: 400; line-height: 1.25} .brxe-section {padding-top: 4.8rem; padding-right: 1.6rem; padding-bottom: 4.8rem; padding-left: 1.6rem} :root .bricks-button[class*="primary"] {border-radius: 24rem; font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--bricks-color-tegmjk)} .bricks-button {transition: all .2s ease-in; padding-top: 1.4rem; padding-right: 2.4rem; padding-bottom: 1.4rem; padding-left: 2.4rem; font-size: 16px; font-weight: 700; line-height: 1.25} :root .bricks-button[class*="secondary"] {font-size: 16px; text-transform: uppercase; font-weight: 700; border-radius: 24rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-tegmjk)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-tegmjk)} :root .bricks-button[class*="primary"]:hover {color: var(--bricks-color-sqjwaz)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-tegmjk)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--bricks-color-kdcuhz)}@media (max-width: 991px) { h2 {font-size: 4rem}}@media (max-width: 478px) { h2 {font-size: 3.2rem}}