/*
https://paletton.com/#uid=12r0u0kmKoWdf-piysIqmkNv4fN
*/
:root {
--font-normal: 400;
--font-bold: 700;
--font-body: 16px;
--font-small: 14px;

--k-zielony: #5a8b44;
--k-zielony-ciemny: #27600f;
--k-brazowy: #5c4217;

--k-tekstu: #333;
--k-bialy: #fff;
--k-czarny: #000;
--k-szary: #f1f1f1;
--k-szary-ciemny: #f0f0f0;
--k-stopka: #f7f7f7;
--k-border: #d8d8d8;

--k-umow: var(--k-brazowy);
--k-umow-hover: var(--k-zielony-ciemny);

--k-przycisku: var(--k-zielony-ciemny);
--k-przycisku-hover: var(--k-brazowy);

--k-link: var(--k-zielony);
--k-link-hover: var(--k-brazowy);


--o: 16px;
--o-2: 32px;
--o-3: 48px;
--o-4: 64px;
--o-minus: -16px;
--o-gora: 32px;
--o-pol: 8px;
--o-cwierc: 4px;


--przycisk-wysokosc: 30px;
--przycisk-sz: 180px;


--border: 1px solid var(--k-border);
--border-cwierc: var(--o-cwierc) solid var(--k-brazowy);

--trans: color .5s ease, border-color .5s ease, background .5s ease, box-shadow .5s ease-in-out, text-decoration-color .5s;
--trans-widac: visibility .5s, opacity .5s;
--trans-przycisk: background 2s ease, background-image 2s ease, color 2s ease;
--trans-scale: transform .5s;


--sz: 1222px;
--sz-plus: 1254px;
--sz-minus: 1190px;
--sz-max: 1920px;
--sz-800: 800px;
--sz-tresc: 700px;
--sz-foto: 500px;

--radius: 10px;
--radius5: 5px;
--radius20: 20px;
--radius-procent: 50%;

--h1:30px;
--h2:25px;
--h3:22px;
--h4:19px;
--h5:18px;
}
@media (min-width: 800px) {
:root {
--o-gora: 60px;
--h1:35px;
--h2:30px;
--h3:26px;
--h4:23px;
--h5:20px;
}
}
@media (min-width: 1222px) {
:root {
--o-gora: 80px;
--h1:40px;
--h2:35px;
--h3:30px;
--h4:26px;
--h5:22px;
}
}
* {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}
ol, ul {list-style: none}
*, :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(--k-bialy);
	font-size: var(--font-body);
	font-weight: var(--font-normal);
	line-height: 1.4;
	overflow-y: scroll;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	color: var(--k-tekstu);
	font-family: 'Montserrat', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
	content-visibility: auto;
	vertical-align: middle;
}
a {
	color: var(--link);
	transition: var(--trans);
	text-underline-offset: 5px;
}
a:hover {
	color: var(--link-hover);
	text-decoration-color: transparent;
}
svg, path {transition: fill .4s ease}
button {transition: var(--trans)}
strong,b {font-weight: var(--font-bold)}
iframe {max-width: 100%}
em, i {font-style: italic}
.tresc p {margin-bottom: var(--o)}
.tresc p:last-child {margin: 0}

p + p {margin-top: var(--o)}

.zaH2 {
	display: block;
	text-align: center;
	font-weight: var(--font-bold);
	margin: var(--o-x2) 0;
	font-size: 110%;
}

.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;
}


.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}



.wpcf7-submit,
.przycisk {
	margin: var(--o) auto 0;
	text-decoration: unset;
	display: block;
	color: var(--k-bialy);
	background: var(--k-przycisku);
	text-align: center;
	width: 220px;
	transition: var(--trans);
	border-radius: 20px;
	line-height: 40px;
}
.przycisk:hover {
	background: var(--k-przycisku-hover);
	color: var(--k-bialy);
}


.umow_div {
	background: var(--k-szary);
	padding: var(--o-2);
	width: var(--sz);
	max-width: 100%;
	margin: var(--o-gora) auto;
}
.umow_a {
	margin: 0 auto;
	text-decoration: unset;
	display: block;
	color: var(--k-bialy);
	background: var(--k-umow);
	text-align: center;
	width: 220px;
	transition: var(--trans);
	border-radius: 20px;
	line-height: 40px;
}
.umow_a:hover {
	background: var(--k-umow-hover);
	color: var(--k-bialy);
}
@media (min-width: 1230px){.umow_div{border-radius:var(--radius20)}}



.wasko {
	padding: 0 var(--o);
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: var(--font-normal);
}
h1:not([class]) {
	font-size: var(--h1);
	margin: var(--o-2) 0;
}
h2:not([class]) {
	font-size: var(--h2);
}





.big {
	width: 100%;
	height: 250px;
	overflow: hidden;
	text-align: center;
	background: var(--k-brazowy);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.big::before {
	content: '';
	width: 1536px;
	height: 400px;
	position: absolute;
	background: rgba(0, 0, 0, 50%);
	z-index: 1;
}
.big_img {
	max-width: unset;
	height: 250px;
}
.big_h1 {
	position: absolute;
	font-size: var(--h1);
	color: var(--k-bialy);
	text-shadow: 0 0 10px #000;
	z-index: 2;
}







.tresc ol {
	list-style: decimal outside;
	margin: var(--o) 0;
}
.tresc ul {
	list-style: disc outside;
	margin: var(--o) 0;
}
.tresc ul ::marker {
	color: var(--k-zielony);
}
.tresc li {
	margin: var(--o-pol) 0 var(--o-pol) 16px;
}


@media (min-width: 900px) {
.big {
	height: 400px;
}
.big_img {
	height: 400px;
}
}
@media (min-width: 1000px) {
.wasko {
	width: var(--sz-plus);
	max-width: 100%;
	margin: 0 auto;
}


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

/* main {
	width: var(--sz-plus);
	margin: var(--o-2) auto;
} */
}
/* end */


/*
aside {
	padding: var(--o);
}
.box + .box {
	margin-top: var(--o);
}
@media (min-width: 1000px) {
aside {
	flex: 0 0 244px;
	padding: 0 var(--o) 0 0;
}
}
@media (min-width: 1240px) {
aside {
	flex: 0 0 328px;
	padding: 0 var(--o-2) 0 0;
	margin-right: var(--o-2);
	border-right: 1px solid #eee;
}
}
*/


@media (min-width: 1240px) {
main {
	display: flex;
	width: var(--sz);
	margin: auto;
}

main .aA {
	padding: 0 var(--o-4) 0 0;
}

sidebar {
	width: 333px;
	background: var(--k-szary);
	padding: var(--o-2);
	border-radius: var(--o-2);
	flex: 0 0 auto;
}




} /* end */