header {
	opacity: 0;
}
.mycha header {
    opacity: 1;
	transition: all 0.7s ease;

}



.s1 {
	background-color: var(--kolor-czarny);
	color: var(--kolor-bialy);
	padding-bottom: var(--o-x2);
}
h1 {
	font-size: 160%;
	margin: var(--o-gora) 0;
	text-align: center;
}
h1 span {
	display: block;
	font-size: 60%;
	margin-bottom: var(--o-pol);
}

.sebastian_img {
	animation: ubot 1s forwards;
}





.s2 {
	background: var(--kolor-bialy);
	padding: var(--o-x2) var(--o);
}
h2 {
	margin-bottom: var(--o-x2);
	font-size: 120%;
	text-align: center;
}


h3 {
	margin: var(--o-x2) 0 var(--o);
	font-size: 110%;
}

ul {
	list-style: outside disc;
	margin-top: var(--o);
	padding-left: 14px;
}
li {
	margin: var(--o-pol) 0;
}

@media (min-width: 600px) {
.s1 {
	padding: 0;
}
.s1_wasko {
	display: flex;
	align-items: center;
}
.s1_pr {
	position: absolute;
	right: 0;
	width: 340px;
}
h1 {
	margin-top: 0;
	text-shadow: 0 0 var(--o-pol) #000;
	letter-spacing: 1px;
	font-size: 180%;
}
h2 {
	text-align: left;
	font-size: 140%;
}
h3 {
	font-size: 130%;
}



}
@media (min-width: 840px) {
.s1_pr {
	width: 50%;
}
h1 {
	font-size: 220%;
}
.s2_wasko {
	width: var(--sz800);
	margin: auto;
}
h2 {
	font-size: 180%;
}

h3 {
	font-size: 160%;
}



}
@media (min-width: 1200px) {
.s1_wasko {
	width: 1200px;
	margin: auto;
	position: relative;
}
h1 {
	font-size: 300%;
}
h1 span {
	margin-bottom: var(--o-x2);
}
.s2 {
}
h2 {
	font-size: 250%;
}
h3 {
	font-size: 200%;
}






} /* *** */