html {font-size: var(--s)} body {font-size: 14rem; font-family: "Open Sans"; font-weight: 600} h1 {font-size: 36rem} h2 {font-size: 30rem} h3 {font-size: 18rem} h4 {font-size: 16rem} .brxe-container {width: 1200rem} .woocommerce main.site-main {width: 1200rem} #brx-content.wordpress {width: 1200rem}.brxe-nav-menu .bricks-nav-menu > li > a {font-size: 13rem; text-transform: uppercase; font-weight: 700}.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle {font-size: 13rem; text-transform: uppercase; font-weight: 700}.brxe-nav-menu .bricks-nav-menu > li {margin-left: 0}.brxe-slider .bricks-swiper-button-prev {left: -50rem}.brxe-slider .bricks-swiper-button-next {right: -50rem}.brxe-slider .swiper-button {height: 40rem; width: 40rem} .bricks-button {text-transform: uppercase; font-weight: 700; transition: .3s; padding-top: 15rem; padding-bottom: 15rem} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-fyiuxg)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-ehywsv)}