/* Společné pro sekce obsahu: hlavička sekce (štítek, nadpis, podnadpis) a střídání pozadí. */

.as-sekce { padding: 92px 0 88px; }
.as-sekce--levandule { background: var(--as-levandule); border-top: var(--as-ramecek); border-bottom: var(--as-ramecek); }
.as-sekce--levandule + .as-sekce--levandule { border-top: 0; }
.as-sekce__in { max-width: var(--as-sirka); margin: 0 auto; padding: 0 var(--as-okraj); }

.as-sekce-hlava { text-align: center; margin-bottom: 56px; }
.as-sekce-hlava .as-pill { margin-bottom: 16px; }
.as-sekce-hlava__nadpis { font-size: 46px; line-height: 1.1; margin: 0 0 12px; }
.as-sekce-hlava__podnadpis {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--as-text-2);
	max-width: 560px;
	margin: 0 auto;
}
/* Levandulové sekce mají štítek natočený na druhou stranu (návrh: Zkušenosti, Certifikace). */
.as-sekce--levandule .as-sekce-hlava .as-pill { transform: rotate(-1.5deg); }
.as-sekce-hlava--vlevo { text-align: left; }
.as-sekce-hlava--vlevo .as-pill { transform: rotate(-1.5deg); }
.as-sekce-hlava--vlevo .as-sekce-hlava__podnadpis { margin: 0; }

@media (max-width: 1024px) {
	.as-sekce { padding: 72px 0 68px; }
	.as-sekce-hlava { margin-bottom: 44px; }
	.as-sekce-hlava__nadpis { font-size: 38px; }
	.as-sekce-hlava__podnadpis { font-size: 16px; }
}

@media (max-width: 768px) {
	.as-sekce { padding: 48px 0; }
	.as-sekce-hlava { margin-bottom: 30px; }
	.as-sekce-hlava .as-pill { font-size: 11px; padding: 6px 12px; margin-bottom: 12px; }
	.as-sekce-hlava__nadpis { font-size: 30px; line-height: 1.15; margin-bottom: 6px; }
	.as-sekce-hlava__podnadpis { font-size: 15px; line-height: 1.55; }
}