@media only screen and (min-width: 1px) {
	body{display: block; font-size: 2dvh; font-family: "Open Sans"; padding: 0; box-sizing: border-box;margin: 0;}
	*{box-sizing: border-box; padding: 0;}
	:where(h1, h2, h3, h4, h5, h6){display: block; width: 100%; text-align: center; font-size: 2dvh; font-family: Comfortaa}
	
	h1{font-size: 10dvw}
	h2{font-size: 4dvh}
	h3, h4, h5, h6{font-size: 2.5dvh}
	h4, h5, h6{text-align: left;}
	a, p, li, span, div{font-size: 2dvh}
	li{margin-left: 1.5rem}
	img{max-width: 100%; height: auto;}
	.separator{display: block; width: 100%; height: 8rem}
	.padding_05{padding: .5rem}
	#nav_switcher_open, #nav_switcher_close{display: flex; position: fixed;width: 8dvh; height: 8dvh; z-index: 1; padding: 0; transition: .5s;z-index: 10;}
	#nav_switcher { position: relative;z-index: 1 ; display: none;}
	#nav_switcher ~#nav_switcher_open{ top: 0dvh; right: 0dvh; }
	#nav_switcher ~#nav_switcher_close{ top: 0dvh; right: -10dvh; }
	#nav_switcher:checked ~#nav_switcher_open{ top: 0dvh; right: -10dvh; }
	#nav_switcher:checked ~#nav_switcher_close{ top: 0dvh; right: 0dvh; }
	[id^="nav_switcher_"] :where(img){width: 8dvh; height: 8dvh;}
	[id^="nav_switcher_"] img{ filter: drop-shadow(0px 0px 2px #000);}
	header{display: block; position: fixed; width: 100dvw; height: 8dvh; top: 0; left: 0;padding: 0; background-color: rgba(255, 255, 255, .55);z-index: 5;backdrop-filter: blur(1px);  
		background-color: #fff;
/* 		background: linear-gradient(to bottom,  rgba(255,255,255,1) 19%,rgba(255,255,255,1) 69%,rgba(255,255,255,0.1) 96%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);  */
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	header :where(nav, ul, li, a, img, h1, p){display: block; position: absolute; padding: 0}
	header nav:first-of-type{top: 0; width: 30dvw}
	header nav:first-of-type a{width: 10rem;  left: -5.5dvw; top: -2dvw}
	header a img{height: 11.4dvw; top: 0; left: -1dvw; filter: drop-shadow(1px 1px 1px #000); }
	header nav:last-of-type{display: flex; position: relative;padding: 0; transition: .5s;}
	header nav:last-of-type :where(ul, li, a){width: 100%; position: relative; padding: 0;margin: 0; text-decoration: none; }
	header nav:last-of-type a{padding: .5rem; background-color: #78be20; color: #000;border-bottom: solid 1px #797979;}
	header :where(h1, p){font-size: 3dvw; width: 50dvw; text-align: left; left: 26dvw; color: #000}
	header h1{top: -2.5dvw; font-size: 3dvw; font-weight: bold;}
	header p{font-weight: normal; top: 3.5dvw; line-height: 90%}
	#nav_switcher ~ header nav:last-of-type{top: -100dvh; left: -100dvw; height: auto;}
	#nav_switcher:checked ~ header nav:last-of-type{top: 7dvh;left: 0dvw;  height: auto;}
	
	
	#home_hero{ display: flex; flex-direction: column; height: 100dvh; background-image: url(/img/bkg_home2.webp); background-position: center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding: 10dvh 1dvh; }
	#home_hero :where(a, h1, h4, p){background-color: rgba(255, 255, 255, 0); padding: 1dvh; text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff; font-size: 3dvh}
	#home_hero :where(h1, h2){font-size: 8dvw; font-weight: bold;}
	#home_hero h2{font-size: 6dvw; font-weight: bold; backdrop-filter: blur(2px);text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff; font-size: 3dvh}
	#home_hero :where(p){backdrop-filter: blur(2px);padding: 0;}
	#home_hero>div:nth-of-type(2) a, #home_hero>div:last-of-type a, .products>a{display: block; width: auto; margin: 3dvh auto; text-align: center; padding: 1dvh 5dvh; background-color: #78be20; color: #000; text-decoration: none; border-radius: .5dvh; box-shadow: 0px 0px 3px #000; border: solid 1px #78be20; font-weight: bold; font-size: 2.5dvh;text-shadow: none; font-family: Comfortaa}
	#home_hero>div:last-of-type a{background-color: red; color: #fff;border: solid 1px red; width: fit-content; padding: 2dvh 5dvh; }
	
	#bottom_controls{display: flex; flex-direction: column;position: fixed; bottom: 1dvh; right: 1dvh;}
	#bottom_controls a{display: flex; border: solid 1px #5a802b; border-radius: 50%; padding: 0dvh; width: 5dvh; height: 5dvh; background-color: #78be20; margin: 1dvh 0; justify-content: center; align-items: center; box-shadow: 1px 1px 2px #000}
	#bottom_controls img{filter: invert(10%) sepia(0%) saturate(50%) hue-rotate(5deg) brightness(0%) contrast(100%); width: 80%;}
	
	.gains{display: flex; flex-direction: column; padding: 1dvh; gap: 1dvh;}
	.gains>div>.circle_value{display: flex; width: 30dvh; height: 30dvh; justify-content: center; align-items: center; background-color: #78be20;	border-radius: 50%; margin:auto; box-shadow:1px 1px 440px 40px #ddd}
	.gains>div>.circle_value p{color: #fff; font-weight: bold; font-size: 4dvh; text-align: center; text-shadow: 1px 1px 4px #000}
	
	.products{padding: 1dvh}
	
	
	form{display: grid; grid-gap: 1.8rem .5rem; grid-template-columns: 1fr 1fr 1fr}
	form>div{margin: 0; padding: 0; position: relative;height: 4rem; position: relative;}
	form>div :where(input, label), button{ top:0; left: 0; position: absolute; height: 4rem; width: 100%; font-size: 1.5rem; padding: .8rem; }
	form :where(button){background-color: #78be20; border: solid 1px #78be20; width: fit-content; padding: 0 3rem; border-radius: .15rem; box-shadow: 0 0 2px #444}
	button{position: relative;}
	form>div>label{transition: .5s ease ; background: none; width: fit-content;  height: 4rem;}
	form>div>input:focus + label,
	form>div>input:not(:placeholder-shown) + label
	{font-size: .9rem; top: -1.2rem; left: .0rem; padding: 0; height: 1.3rem; border: none; background-color: #78be20; padding: 0 1rem; color: #fff; width: fit-content}
	form#frm_oc_przew { display: flex; flex-direction: column}
	form#frm_oc_przew>div>img{width: 60%; top: 20%; left: 20%; position: absolute}
	form#frm_oc_przew>div>input[type=number], form#frm_oc_przew>div>input[list]{border: solid 1px #78be20; position: absolute; bottom: 2dvh; top: auto; z-index: 5; width: 50%; margin-left: 25%; text-align: center}
	form#frm_oc_przew>div>input[list]{width: 100%; margin-left: 0%;}
	form#frm_oc_przew>div{position: relative; z-index: 0;}
	form#frm_oc_przew>div:nth-of-type(1){}
	form#frm_oc_przew>div:nth-of-type(2){}
	form#frm_oc_przew>div:nth-of-type(3){}
	form#frm_oc_przew>div:nth-of-type(4){}
	form#frm_oc_przew>div:nth-of-type(5),
	form#frm_oc_przew>div:nth-of-type(10),
	form#frm_oc_przew>div:nth-of-type(14){height: auto}
	form#frm_oc_przew>div:nth-of-type(6),
	form#frm_oc_przew>div:nth-of-type(7),
	form#frm_oc_przew>div:nth-of-type(8),
	form#frm_oc_przew>div:nth-of-type(9){min-height: 300px}
	form#frm_oc_przew>div:nth-of-type(6) label,
	form#frm_oc_przew>div:nth-of-type(7) label,
	form#frm_oc_przew>div:nth-of-type(8) label,
	form#frm_oc_przew>div:nth-of-type(9) label{width: 100%; height: 100%;position: absolute; z-index: 3; text-align: center; font-weight: bold; font-size: 1rem}
	
	form#frm_oc_przew>div:nth-of-type(11),
	form#frm_oc_przew>div:nth-of-type(12),
	form#frm_oc_przew>div:nth-of-type(13){min-height:280px;}
	form#frm_oc_przew>div:nth-of-type(11){background-color: #ddd}
	form#frm_oc_przew>div:nth-of-type(12){background-color: #eee}
	form#frm_oc_przew>div:nth-of-type(13){background-color: #efefef}
	form#frm_oc_przew>div:nth-of-type(11) img{margin-top: -7dvh}
	form#frm_oc_przew>div:nth-of-type(12) img{margin-top: -7dvh}
	form#frm_oc_przew>div:nth-of-type(13) img{margin-top: -7dvh}
	form#frm_oc_przew>div:nth-of-type(11) label,
	form#frm_oc_przew>div:nth-of-type(12) label,
	form#frm_oc_przew>div:nth-of-type(13) label{width: 100%; height: 100%;position: absolute; z-index: 3; text-align: center; font-weight: bold; font-size: 1rem}
	
	form#frm_oc_przew>div:nth-of-type(15){}
	form#frm_oc_przew>div:nth-of-type(16){}
	
	form#frm_oc_przew>div>input[type="checkbox"]{display: none; }
	form#frm_oc_przew>div>input:checked + img,
	form#frm_oc_przew>div>input[type=number]:not(:placeholder-shown) ~ img{filter: drop-shadow(0px 0px 20px #78be20); position: relative; z-index: 1}
	
		
	form#frm_oc_przew>div:nth-of-type(17) input{ display: initial; align-self: center; width: 1rem; height: 1rem; width: auto; position: relative; width: auto; width: 5dvw; height: 5dvw}
	form#frm_oc_przew>div:nth-of-type(17) label{ font-size: .8rem; display: block; position: relative; background: none; color: #222; margin:auto; z-index: 5; align-self: center;  height: auto; top: initial}
	form#frm_oc_przew>div:nth-of-type(17) label a{font-size: .8rem}
	form#frm_oc_przew>div:nth-of-type(17){display: grid; grid-template-columns: 1fr 60fr; grid-column: 1 / 9; height: auto}
	
	form#frm_oc_przew button{grid-column: 1/9;  margin: auto; }
	
	
	form#frm_ocpz{ display: flex; flex-direction: column; }
	form#frm_ocpz>div:nth-of-type(4),
	form#frm_ocpz>div:nth-of-type(5){display: flex; flex-direction: column; height: auto; position: relative;}
	form#frm_ocpz>div:nth-of-type(4) input,
	form#frm_ocpz>div:nth-of-type(5) input{display: initial; position: absolute; bottom: 0; top:initial}
  form#frm_ocpz>div:nth-of-type(11){display: grid; grid-template-columns: 1fr 70fr; position:relative; grid-gap: 0rem; align-items: baseline; margin-top: 4dvw; height: auto; margin-bottom: 20dvw}
	form#frm_ocpz>div:nth-of-type(11) *{font-size: .7rem; }
	form#frm_ocpz>div:nth-of-type(11) input{ width: 8dvw; height: 8dvw; position: relative; align-self: center}
	form#frm_ocpz>div:nth-of-type(11) label{ display: block !important; position: relative; background: none; color: #222; margin:auto; z-index: 5}
	form#frm_ocpz button{margin: auto; }
	
	form#frm_ocac_pojazd{display: flex; flex-direction: column}
	form#frm_ocac_pojazd>div:nth-of-type(6),
	form#frm_ocac_pojazd>div:nth-of-type(7),
	form#frm_ocac_pojazd>div:nth-of-type(8),
	form#frm_ocac_pojazd>div:nth-of-type(10),
	form#frm_ocac_pojazd>div:nth-of-type(11),
	form#frm_ocac_pojazd>div:nth-of-type(12),
	form#frm_ocac_pojazd>div:nth-of-type(13),
	form#frm_ocac_pojazd>div:nth-of-type(15),
	form#frm_ocac_pojazd>div:nth-of-type(16),
	form#frm_ocac_pojazd>div:nth-of-type(19){display: flex !important; flex-direction: row;}
	
	
	form#frm_ocac_pojazd>div:nth-of-type(6) input,
	form#frm_ocac_pojazd>div:nth-of-type(7) input,
	form#frm_ocac_pojazd>div:nth-of-type(8) input,
	form#frm_ocac_pojazd>div:nth-of-type(10) input,
	form#frm_ocac_pojazd>div:nth-of-type(11) input,
	form#frm_ocac_pojazd>div:nth-of-type(12) input,
	form#frm_ocac_pojazd>div:nth-of-type(13) input,
	form#frm_ocac_pojazd>div:nth-of-type(15) input,
	form#frm_ocac_pojazd>div:nth-of-type(16) input,
	form#frm_ocac_pojazd>div:nth-of-type(19) input{ position: relative; width: auto; align-self: center; width: 10% }
	form#frm_ocac_pojazd>div:nth-of-type(6) label,
	form#frm_ocac_pojazd>div:nth-of-type(7) label,
	form#frm_ocac_pojazd>div:nth-of-type(8) label,
	form#frm_ocac_pojazd>div:nth-of-type(10) label,
	form#frm_ocac_pojazd>div:nth-of-type(11) label,
	form#frm_ocac_pojazd>div:nth-of-type(12) label,
	form#frm_ocac_pojazd>div:nth-of-type(13) label,
	form#frm_ocac_pojazd>div:nth-of-type(15) label,
	form#frm_ocac_pojazd>div:nth-of-type(16) label,
	form#frm_ocac_pojazd>div:nth-of-type(19) label{ position: relative; width: auto; align-self: center; width: 90%; margin: 0; top: 0; background: none; color: #000; font-size: 6dvw; padding: 0; height: auto}
	
	form#frm_ocac_pojazd>div:nth-of-type(17){height: auto; text-align: center}
	
	form#frm_ocac_pojazd>div:nth-of-type(19) label, 
	form#frm_ocac_pojazd>div:nth-of-type(19) label *{font-size: 3dvw}
	
	form#frm_ocac_pojazd button{grid-column: 1/3;  margin: auto; }
	
	.partners{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2dvw}
	.partners h2{grid-column: 1/3}
	.partners img{width: 60%; margin-left: 20%}
	
	
	
	footer{display: block; position: relative; background-color: #232323; padding-bottom: 10dvh; margin-top: 10dvw}
	footer :where(div, a, p, h1, h2, h3, h4, h5, h6, span, strong){color: #fff; font-size: 2dvh;text-decoration: none; font-weight: normal}
	footer>div{padding: 3dvh 1dvh; border-bottom: solid 1px #78be20; position: relative;}
	footer .btn{display: block; border: solid 1px #565656; padding: 1dvh; margin: 2dvh 0; border-radius: .25dvh;}
	footer .btn.fit-content{width: fit-content; margin: 2dvh auto}
	footer table{ width: 100%}
	footer tr, footer td, footer th, footer table a{font-size: 1.5vh; vertical-align:  top; text-align: left;}
	footer td, footer th{ border-bottom: solid 1px #343434; padding: 1dvh }
	footer a:not(.btn){color: #fff; margin: 1dvh; padding: .5dvh; top: 0; font-size: 1.5dvh}
}
@media only screen and (min-width: 500px)
	and (orientation: landscape){
	body{font-size: 2dvw !important;}
	h1, h2, h3, h4, h5, h6{font-size: 2dvw}
	h1{font-size: 6dvw !important;}
	h2{font-size: 4dvw !important;}
	a, p, li, span, div{font-size: 3vw !important;}
	header{width: 100dvw; height: 8dvw;}
	header a img{height: 4dvw;}
		header h1, header p{font-size: 2dvw !important;left: 10dvw ; top: .5dvw; font-size: 2dvw !important; margin: 0; }
		header p{top: 2.5dvw}
		header>nav:first-of-type>ul>li>a{height: 6dvw; left: -2dvw; top: -1.2dvw}
		
	#nav_switcher_open, #nav_switcher_close{display: flex; position: fixed;width: 8dvw; height: 8dvw; z-index: 1; padding: 0; transition: .5s;z-index: 10; }
	[id^="nav_switcher_"] img{width: 8vw; height: 8vw}
	#nav_switcher ~#nav_switcher_open{ top: -1dvw; right: -.5dvw}
	#nav_switcher ~#nav_switcher_close{ top: -1dvw; right: -10dvw !important;; }
	#nav_switcher:checked ~#nav_switcher_open{ top: -1dvw; right: -20dvw!important;; }
	#nav_switcher:checked ~#nav_switcher_close{ top: -1dvw; right: -1dvw!important;; }
	#nav_switcher:checked ~ header nav:last-of-type{top: 6dvw;left: 0dvw;  height: auto;}
	#home_hero{display: grid; grid-template-columns: 1fr 1fr; align-content: center; align-items: center; padding: 1dvw; padding-top: 6dvw; height: 130vh}
	#home_hero>div:last-of-type{grid-column:  1/3;padding: 0;}
	.gains>div{display: grid; grid-template-columns: 1fr 4fr; grid-gap: 2vw; margin-bottom: 2.5vw; margin-top: 2.5vw}
		.gains>div>.circle_value{width: 18vw; height: 18vw; padding: 2vw}
		.gains>div>.circle_value p{font-size: 2vw !important;}
		.gains :where(li, p, strong){font-size: 2.5vw !important; }
	footer :where(div, a, p, h1, h2, h3, h4, h5, h6, span, strong),
	footer tr, footer td, footer th, footer table a{font-size: 2vw;}
}