@media (min-width: 1921px) {
body {
max-width: 1920px;
margin: 0 auto !important;
background-image: unset !important;
}
}
:root {
--dws-col-size: 120px;
--dws-gutter-size: 32px;
}
.elementor p,
.elementor a,
.elementor span:not(.woocommerce-Price-amount, .woocommerce-Price-currencySymbol) {
font-size: 16px;
line-height: 28px;
}
h1 {
font-size: 80px !important;
line-height: 80px !important;
}
h2 {
font-size: 64px !important;
line-height: 72px !important;
} .dws-64-64 h2 {
font-size: 64px !important;
line-height: 64px !important;
}
h3 {
font-size: 40px !important;
line-height: 52px !important;
}
h4 {
font-size: 32px !important;
line-height: 32px !important;
}
h5 {
font-size: 24px !important;
line-height: 36px !important;
} .h1-xl h1 {
font-size: 120px !important;
line-height: 80px !important;
}
.h1-xxl h1 {
font-size: 160px !important;
line-height: 120px !important;
}
.section-m-1 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.section-m-l-2 {
padding-left: calc(80px + var(--dws-col-size) + var(--dws-gutter-size)) !important;
}
.section-m-2 {
padding-left: calc(80px + var(--dws-col-size) + var(--dws-gutter-size)) !important;
padding-right: calc(80px + var(--dws-col-size) + var(--dws-gutter-size)) !important;
}
.section-m-3 {
padding-left: calc(80px + 2 * var(--dws-col-size) + 2 * var(--dws-gutter-size)) !important;
padding-right: calc(80px + 2 * var(--dws-col-size) + 2 * var(--dws-gutter-size)) !important;
}
@media (min-width: 1366px) and (max-width: 1440px) {
.menu-item a {
font-size: 12px !important;
}
}
@media (min-width: 1024px) and (max-width: 1600px) {
h1 {
font-size: 64px !important;
line-height: 64px !important;
}
h2 {
font-size: 52px !important;
line-height: 60px !important;
}
.dws-64-64 h2 {
font-size: 52px !important;
line-height: 52px !important;
}
h3 {
font-size: 32px !important;
line-height: 40px !important;
}
h4 {
font-size: 24px !important;
line-height: 28px !important;
}
h5 {
font-size: 20px !important;
line-height: 28px !important;
}
.h1-xl h1 {
font-size: 96px !important;
line-height: 72px !important;
}
.h1-xxl h1 {
font-size: 120px !important;
line-height: 96px !important;
}
:root {
--dws-col-size: 40px;
--dws-gutter-size: 16px;
}
.section-m-1 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.section-m-l-2 {
padding-left: calc(40px + var(--dws-col-size) + var(--dws-gutter-size)) !important;
}
.section-m-2 {
padding-left: calc(40px + var(--dws-col-size) + var(--dws-gutter-size)) !important;
padding-right: calc(40px + var(--dws-col-size) + var(--dws-gutter-size)) !important;
}
.section-m-3 {
padding-left: calc(40px + 2 * var(--dws-col-size) + 2 * var(--dws-gutter-size)) !important;
padding-right: calc(40px + 2 * var(--dws-col-size) + 2 * var(--dws-gutter-size)) !important;
}
.elementor p,
.elementor a,
.elementor span {
font-size: 16px;
line-height: 28px;
}
.dws-price span {
font-size: var(--dws-h2) !important;
}
}
@media (max-width: 1024px) {
.h1-xxl h1 {
font-size: 80px !important;
line-height: 80px !important;
font-weight: 900 !important;
}
h1 {
font-size: 40px !important;
line-height: 40px !important;
}
h2 {
font-size: 40px !important;
line-height: 40px !important;
}
h3 {
font-size: 24px !important;
line-height: 32px !important;
}
h4 {
font-size: 24px !important;
line-height: 32px !important;
}
h5 {
font-size: var(--dws-h5) !important;
line-height: 36px !important;
}
h6 {
font-size: var(--dws-h6) !important;
line-height: var(--dws-h6) !important;
}
.dws-16-32 h4 {
font-size: 16px !important;
line-height: 32px !important;
}
.dws-40-48 h2 {
font-size: 40px !important;
line-height: 48px !important;
}
.dws-40-40 h3 {
font-size: 40px !important;
line-height: 40px !important;
}
.dws-40-48 h3 {
font-size: 40px !important;
line-height: 48px !important;
}
.dws-16-28 h5 {
font-size: 16px !important;
line-height: 28px !important;
}
.dws-12-20 p {
font-size: 12px !important;
line-height: 20px !important;
}
.dws-12-24 p {
font-size: 12px !important;
line-height: 24px !important;
}
.section-m-1 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.section-m-2 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.section-m-3 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.lh-24 * {
line-height: 24px !important;
}
.p-48 {
font-size: 48px !important;
line-height: 48px !important;
}
small {
font-size: var(--dws-small) !important;
}
.dws-price span {
font-size: var(--dws-h2) !important;
}
.elementor-form input,
.elementor-form textarea {
border-radius: 32px !important;
}
}