• section-xxl (Do bardzo dużych sekcji i małych banerów)
• section-xl (ekstra duże sekcje z dużą ilością odstępów)
• section-l (Duże sekcje i ta, której używam do większości sekcji)
• section-m (sekcje średnie)
• section-s (małe sekcje)
• section-xs (ekstra małe sekcje)
• section-xxs (ekstra małe sekcje)
• section-hero (kontroluje VH dla banerów bohatera, domyślnie ustawione na 100vh)
• section-full (Tworzy sekcję o pełnej szerokości, usuwając wypełnienie z boków, dodaje inną klasę sekcji, aby dodać wypełnienie u góry i u dołu)
• section-narrow (Tworzy wąską sekcję, nadając jej zawartość 1000px)
• section-narrow-xs (Tworzy dodatkową wąską sekcję, nadając jej zawartość 720px)
• section-offset (Używaj dla banerów z nakładką na nagłówki. Spowoduje to przesunięcie górnego wypełnienia)

.g-text-1 h1, .g-text-1 h2, .g-text-1 h3, .g-text-1 h4, .g-text-1 h5, .g-text-1 h6, .g-text-1 p, .g-text-1 a {
background: -webkit-linear-gradient(120deg, #ffffe1, #08d5cf);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-text-2 h1, .g-text-2 h2, .g-text-2 h3, .g-text-2 h4, .g-text-2 h5, .g-text-2 h6, .g-text-2 p, .g-text-2 a {
background: -webkit-linear-gradient(120deg, #A4D2DD, #000000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}