.section-divider {
position: relative;
height: var(--divider-height);
z-index: 1;
pointer-events: none;
overflow: visible;
margin-top: calc(-1 * var(--divider-height) / 2);
margin-bottom: calc(-1 * var(--divider-height) / 2);
padding: 0;
}
.section-divider__triangle {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 100%;
} .section-divider--right .section-divider__triangle {
right: 0;
width: 6vw;
} .section-divider--left .section-divider__triangle {
left: 0;
width: 6vw;
}
.section-divider__triangle .fil0 {
fill: var(--color-science-blue);
} @media (max-width: 768px) {
.section-divider--right .section-divider__triangle {
width: 8vw;
}
.section-divider--left .section-divider__triangle {
width: 8vw;
}
} @media (max-width: 480px) {
.section-divider--right .section-divider__triangle {
width: 12vw;
}
.section-divider--left .section-divider__triangle {
width: 12vw;
}
} @media (max-width: 360px) {
.section-divider--right .section-divider__triangle {
width: 15vw;
}
.section-divider--left .section-divider__triangle {
width: 15vw;
}
}.fancy-heading {
margin: 0;
line-height: 1.2;
} .fancy-heading.align-left {
text-align: left;
}
.fancy-heading.align-center {
text-align: center;
}
.fancy-heading.align-right {
text-align: right;
} .fancy-heading.font-main {
font-family: var(--typography-family-main);
}
.fancy-heading.font-secondary {
font-family: var(--typography-family-secondary);
} .fancy-heading.weight-400 {
font-weight: var(--typography-weight-regular);
}
.fancy-heading.weight-800 {
font-weight: 900;
} .fancy-heading.size-standard {
font-size: inherit;
}
.fancy-heading.size-2em {
font-size: 2em;
}
.fancy-heading.size-3em {
font-size: 3em;
}
.fancy-heading.size-4em {
font-size: 4em;
}
.fancy-heading.size-5em {
font-size: 5em;
}
.fancy-heading.size-6em {
font-size: 6em;
}
.fancy-heading.size-7em {
font-size: 7em;
}
.fancy-heading.size-8em {
font-size: 8em;
} .fancy-heading.color-standard {
color: var(--color-heading);
}
.fancy-heading.color-white {
color: var(--color-white);
}
.fancy-heading.color-blue {
color: var(--color-science-blue);
} .fancy-heading.transform-standard {
text-transform: none;
}
.fancy-heading.transform-uppercase {
text-transform: uppercase;
} @media (max-width: 768px) {
.fancy-heading.align-right {
text-align: left;
}
.fancy-heading.size-2em {
font-size: 1.5em;
}
.fancy-heading.size-3em {
font-size: 2em;
}
.fancy-heading.size-4em {
font-size: 2.5em;
}
.fancy-heading.size-5em {
font-size: 3em;
}
.fancy-heading.size-6em {
font-size: 3.5em;
}
.fancy-heading.size-7em {
font-size: 4em;
}
.fancy-heading.size-8em {
font-size: 4.5em;
}
} @media (max-width: 480px) {
.fancy-heading.align-right {
text-align: left;
}
.fancy-heading.size-2em {
font-size: 1.3em;
}
.fancy-heading.size-3em {
font-size: 1.6em;
}
.fancy-heading.size-4em {
font-size: 2em;
}
.fancy-heading.size-5em {
font-size: 2.5em;
}
.fancy-heading.size-6em {
font-size: 3em;
}
.fancy-heading.size-7em {
font-size: 3.5em;
}
.fancy-heading.size-8em {
font-size: 4em;
}
} @media (max-width: 360px) {
.fancy-heading.size-2em {
font-size: 1.2em;
}
.fancy-heading.size-3em {
font-size: 1.4em;
}
.fancy-heading.size-4em {
font-size: 1.8em;
}
.fancy-heading.size-5em {
font-size: 2.2em;
}
.fancy-heading.size-6em {
font-size: 2.6em;
}
.fancy-heading.size-7em {
font-size: 3em;
}
.fancy-heading.size-8em {
font-size: 3.4em;
}
}