.ct-section .ct-section-inner-wrap :: dla wszystkich sekcji są ustawione  responsywne wartości gap dla elementów grid
.section-clamp :: automatyczne responsywne ustawienia wartości padding 
.section-no-grid-gap .ct-section-inner-wrap :: wymusza gap o wartości 0 dla elementów grid
.section-clamp-onlydesktop :: padding responsywny tylko dla desktop
.parallaxbackground - skrypt w gsap parallax actions, ale na tej samej stronie trzeba duplikować ten skrypt i klasy, bo markery się ustawiają do pierwszej sekcji z tą klasą

.div-clamp :: responsywny padding dla div
.div-grid-gap :: responsywne wartości gap dla elementów grid wewnątrz div-a
.owl-spacing--x (różne warianty) - automatyczne rozmieszczanie w pionie
.div-movedown :: przesuwa div w dół
.div-moveup :: przesuwa div w górę.

section-header :: styl dla sekcji nagłówka

.sizefullscreenminusnav :: styl dla sekcji hero fullscreen - wysokość  fullscreen minus wysokość nagłówka
.herotitle-poslt, .herotitle-poslb, .herotitle-posrt, .herotitle-posrb - pozycjonowanie wewnątrz hero (złoty podział - lewo, prawo, góra, dół)

.section-header :: styl dla sekcji nagłówka

.narrowtextcolumn :: ustawia dodatkowy padding-right dla elementu
.narrowtextcolumnbig :: ustawia większy dodatkowy padding-right dla elementu
.max-width--x :: ustawia maksymalną szerokość elementu
.headtextspace :: ustawia margin-top dla elementu
.headtextspacesmall :: ustawiam mniejszy margin-top dla elementu
.headlinespacebottom :: ustawia margin-bottom dla nagłówka lub elementu

Podstawowa wielkość fontów :: settings > Body Text
Nagłówki są ustawione automatycznie - responsywne przez funkcję clamp
Pomniejszony tekst: .smalltext
Powiększony tekst: .h5 .h4 .h3 .h2 .h1 .textxl80 .textxl100 .textxl120. Wszystko jest responsywne przez funkcję clamp

reusable element link-arrow-more :: link tekstowy ze strzałką

.verticalline
.horizontalline