h1 {font-family: "Segoe UI"; font-weight: 600; font-style: normal; font-size: 47px; line-height: 1} h2 {font-family: "Segoe UI"; font-weight: 600; font-size: 45px; font-style: normal} h3 {font-family: "Segoe UI"; font-size: 27px; font-weight: 400} h5 {font-family: "Segoe UI"; font-weight: 400; font-size: 14px; font-style: normal; letter-spacing: 12px; color: var(--bricks-color-d10b00)} .bricks-type-hero {font-family: "Segoe UI"; font-weight: 400; font-style: normal; color: #666666} .bricks-button {padding-top: 0.4em; padding-right: 1.4em; padding-bottom: 0.4em; padding-left: 1.4em; box-shadow: 6px 2px 19px 0 rgba(33, 33, 33, 0.4)} :root .bricks-button[class*="primary"] {border-radius: 50px; font-family: "Segoe UI"; font-weight: 400; font-size: 17px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #ffffff} :root .bricks-button[class*="secondary"] {font-family: "Segoe UI"; font-weight: 400; font-size: 17px; color: #ffffff; border-radius: 50px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #212121} :root .bricks-button[class*="primary"]:hover {color: #ffffff} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #212121} :root .bricks-button[class*="secondary"]:hover {color: #212121} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #ffffff} html {background-color: var(--bricks-color-jobwsd)} body {background: none} .brxe-container {padding-top: 5%; padding-bottom: 5%; width: 85%} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%}@media (max-width: 991px) { h1 {font-size: 40px}}@media (max-width: 478px) { h2 {font-size: 23px} h1 {font-size: 35px}}