:root {
--czarny: #171717;
--czerwony: #d63b33;
--niebieskiJasny: #14b1e7;
--szary: #f1f1f1;
--szary-ciemny: #f5f5f5;


--oswald: normal 16px/1.2 'Oswald', sans-serif;

--transition2: color .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
--transition5: color .5s ease, border-color .5s ease, background .5s ease, opacity .5s ease, box-shadow .5s ease-in-out;
--transition1: color 1s ease, border-color 1s ease, background 1s ease, opacity 1s ease-in-out;
--transWidac: visibility 1s ease, opacity 1s ease;
--transWidac2: visibility 0s .5s, opacity .5s linear;
--szerokosc: 1200px;
--szerokoscMax: 1920px;

--odstep: 20px;
--odstep-x2: 40px;
--odstep-x3: 60px;
--odstep-x4: 80px;
--odstep-minus: -20px;
--odstep-pion: 40px;
--odstep-pol: 10px;

--h1: 130%;
--h2: 120%;
--h3: 110%;
}
@media (min-width: 600px) {
:root {
--odstep-pion: 80px;
--h1: 150%;
--h2: 140%;
--h3: 130%;
}
}
@media (min-width: 1240px) {
:root {
--h1: 180%;
--h2: 160%;
--h3: 150%;
}
}

* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block}
*, :before, :after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
@-ms-viewport {width: device-width}
html {scroll-behavior: smooth}
body {
	background-color: var(--szary-ciemny);
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	overflow-y: scroll;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	color: #333;
	font-family: Arial, sans-serif;
	padding-top: 80px;
}
body.home {padding:0}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
img {
    max-width: 100%;
    height: auto;
	content-visibility: auto;
    display: block;
	margin: auto;
}
svg {
	transition: fill .4s ease;
}
a {
	color: var(--czerwony);
	transition: var(--transition5);
	text-decoration: none;
}
a:hover {
	color: var(--czerwony);
}

.ukr {display: none}
.srodek {text-align: center}
.bold, strong, b {font-weight: bold}
iframe {max-width: 100%}
em, i {font-style: italic}
.tresc p {margin: 0 0 20px}
.tresc p:last-child {margin: 0}

p + p {margin-top:20px}

.hrOdstep {
	display: block;
	margin: 40px;
	border-top: 1px solid #eee;
}

.screen-reader-texts {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-texts:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

article {
	padding: 0 20px 40px;
	background: #fff;
}



@media (min-width: 900px) {

main {
	display: flex;
	max-width: 1160px;
	margin: auto;
}
main article {
	flex: 1 1 auto;
	padding: 20px;
}

main aside {
	padding: 20px;
	flex: 0 0 315px;
	position: sticky;
	top: 70px;
	align-self: flex-start;
}


}
@media (min-width: 1200px) {

main article {
	padding: 40px;
}
main aside {
	padding: 40px 0 40px 40px;
	top: 60px;
}




} /* end */