h1 {
	margin-top: var(--o);
}

.opis {
	background: var(--k-szary-jasny);
	padding: var(--o);
	width: var(--sz-tresc);
	max-width: 100%;
	margin: var(--o-2) auto;
}
.opis_d {
	margin-top: var(--o-2);
}

.art {
	margin: var(--o-4) var(--o-minus);
	padding: var(--o-2) var(--o);
	background: var(--k-szary);
}

.svg_strzalka_pr {
	transform: rotate(90deg);
}

.tresc {
	margin: 0 auto;
	max-width: var(--sz-tresc);
}

.tresc p {margin-top: 20px}
.tresc p:first-child {margin-top: 0}

.tresc a:not([class]) {
	color: var(--kolor-niebieski-ciemny);
	text-decoration-color: var(--kolor-niebieski-ciemny);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
	font-weight: bold;
}
.tresc a:not([class]):hover,
.tresc a:not([class]):focus {
	color: var(--kolor-tekstu);
	text-decoration-color: var(--kolor-tekstu);
}
.tresc ul {
	margin: 20px 0 20px 16px;
	list-style: square outside;
}
.tresc ol {
	margin: 20px 0 20px 16px;
	list-style: decimal outside;
}
.tresc li {
	margin-top: 10px;
}
.tresc ul ::marker {
	color: var(--kolor-drugi);
}
.tresc ul:last-child,
.tresc ol:last-child {
	margin-bottom: 0;
}



.tresc h2,
.tresc h3 {
	margin: 60px 0 20px;
}
.tresc h4,
.tresc h5,
.tresc h6 {
	margin: 40px 0 10px;
}


.tresc table {
	width: 100% !important;
}

@media (min-width: 800px) {
.art {
	margin: var(--o-4) 0;
	padding: var(--o-2);
}
h2 {
	text-align: center;
}



}
@media (min-width: 1140px) {
h1 {
	padding-bottom: var(--o-x2);
}
.art {
	padding: var(--o-4) var(--o-2);
}


}
/* end */