.brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} body {font-weight: 300; line-height: 1.5em; font-family: "Roboto"; font-size: 1.7rem; color: #000000} h1, h2, h3, h4, h5, h6 {font-family: "Anton"; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em} h1 {font-size: clamp(5rem, 5.124vw, 7.4rem)} h2 {letter-spacing: 0.05em; font-size: clamp(5rem, 5.124vw, 7rem)} h3 {letter-spacing: 0.05em} h4 {letter-spacing: 2px}.brxe-form .form-group input:focus {background-color: var(--primary-trans-40)}.brxe-form .flatpickr:focus {background-color: var(--primary-trans-40)}.brxe-form select:focus {background-color: var(--primary-trans-40)}.brxe-form textarea:focus {background-color: var(--primary-trans-40)}.brxe-form .form-group input:hover {background-color: var(--primary-trans-60)}.brxe-form .flatpickr:hover {background-color: var(--primary-trans-60)}.brxe-form select:hover {background-color: var(--primary-trans-60)}.brxe-form textarea:hover {background-color: var(--primary-trans-60)}@media (max-width: 478px) { body {color: var(--shade)} h3 {font-size: 2.5rem} h1 {font-size: 3.3rem} h2 {font-size: 3.3rem}}