h1 {font-family: "roboto"; font-size: 40px; font-weight: 600} h2 {font-family: "roboto"; font-weight: 200; font-size: 40px; color: var(--bricks-color-tqqtnk); letter-spacing: 1px} h3 {font-size: 30px; font-family: "roboto"; font-weight: 500} h4 {font-size: 25px; font-family: "roboto"; font-weight: 300; color: var(--bricks-color-tqqtnk); letter-spacing: 1px} .bricks-button {font-size: 13px; font-family: "roboto"; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; color: var(--bricks-color-lktptx); border: 1px solid var(--bricks-color-tqqtnk)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--bricks-color-oqmked)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-tqqtnk)} .bricks-button:hover {color: var(--bricks-color-oqmked)}@media (max-width: 991px) { h1 {font-size: 35px} h2 {font-size: 32px} h3 {font-size: 28px} h4 {font-size: 25px}}@media (max-width: 478px) { h1 {font-size: 30px} h2 {font-size: 28px} h3 {font-size: 25px} h4 {font-size: 22px}}