* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html, body {
	font-size:16px;
	font-family: "Manrope", sans-serif;
	color: #3a2d14;
	font-weight: 400;
	background: url(img/back.webp) #0f7410 top center no-repeat;
}
::selection {background: #0f7410;color: #ffffff;}
::-moz-selection {background: #0f7410;color: #ffffff;}
:focus-visible{
	outline: 2px solid #c4ff00;
	outline-offset: 4px;
	border-radius: 6px;
}

div{margin:0 auto 0 auto;padding:0;}
img{border:0px;margin:0px}
a{text-decoration:none;color:#3a2d14;transition: all 0.25s ease;}
.cl{clear:both;}
#logo1, #logo2{width:250px; height:65px;float:left;margin-top:40px;}
header{color:#f2f2f2; max-width:1200px;margin: 0 auto;}
#active a{color: #0f740f;font-size: 18px;}

#pzd{background:#0f740f; 
	width:104px; 
	height: 120px;
	float:right;
	text-align:center;
	margin-left: 35px;
}
#pzd img{margin-top:40px;}

nav{
	font-weight: 700;
	font-size: 16px;
	float: right;
	margin-top: 60px;
}
li{display: inline-block;margin: 0px 18px;}
a:hover{color: #0f740f;}
#respmenu img{width: 30px; height: 24px; margin-right: 10px;}
#respmenu{display: none;}

section{max-width: 1200px;margin: 0 auto;clear: both;}

#uwaga{
	width:100%; 
	background: #c9360f; 
	color:#ffffff;
	font-weight: 700;
	padding: 20px 30px; 
	margin-top: 30px; 
}
#uwagain{display: flex;align-items: center;justify-content: flex-start;}
#uwaga b{color:#fff300;display: inline;}
#uwagaico{width:26px; height:29px; margin-right: 20px;}
#line{width:2px; height:42px; margin: 0px 20px;}
#uwaga a{color:#fff300;transition: all 0.25s ease;}
#uwaga a:hover{color:#ffffff}

#error{font-size: 48px;margin: 100px auto;text-align: center;font-weight: 800;width: 100%;}
.buter{font-size: 24px; width: fit-content;margin-top: 40px;}

#news{background:#fbffeb;margin-bottom: 45px; margin-top:55px; display: flex;}
#news1{width:460px;background:#fbffeb;}
#news2{width:740px; position: relative;
	background: 
    url('img/fotoshadow.webp') no-repeat right bottom / auto,    
	url('img/h_foto3.webp') no-repeat center top / cover;
}

h1{color:#0f740f;font-size: 30px; margin: 20px 0px 5px 30px;}
.newsartfd, .newsartff{float: left;}
.newsartfd{position:relative;z-index:2; max-width:50px; background: #0f740f; padding: 10px 10px 4px 10px; color: #fbffeb;text-align: center;font-weight: 15px;font-weight: 800;line-height: 130%;background-image: linear-gradient(to bottom, #0f740f, #b1d96e)}
.newsartfd b{font-size: 26px;}
.newsartff{position:relative;z-index:1;margin-left: -15px;margin-right:15px;}
.newsart{padding: 20px 20px; border-bottom: 1px solid #eaeed8;display: flex}
.newsartt{font-weight: 700; padding-top: 4px; flex-grow: 1;}
.newsartt a{font-weight: 800; font-size: 15px; color: #0f740f;line-height: 200%; transition: all 0.25s ease;}
.newsartt a:hover{color: #c9360f}
.newsartf{flex-shrink: 0;}
.aktfoto{width:86px; height:75px;}
.newsbot{background-image: linear-gradient(to top, #b1d96e, #fbffeb);padding:20px;}
.newsbut{padding: 15px 25px;background: #0f740f;text-align: center; color: #fbffeb;font-weight: 800;}
.newsbut:hover{background: #268826;color: #bdff5b;transition: all 0.25s ease;}
#galbut{position: absolute; bottom: 25px; right:25px;}


.banico{width:50px;height:50px;}
.baner{
	width:213px;
	height:135px;
	background:url(img/baner_back.webp) top center no-repeat;
	text-align:center;
	font-size: 22px;
	font-weight: 800;
	color: #0f740f;
	justify-content: center;
  	box-shadow: 0px 3px 7px #033603;
  	float: left;
  	transition: all 0.25s ease;
  	border:solid #afce5e 1px;
}
.baner:hover{box-shadow: 0px 0px 9px #bade7f;color: #0c540c;border:solid #e0ff90 1px;}
.banerin{margin-top: 25px;}
#banery{display: flex;justify-content: space-between; margin-bottom: 40px;}


footer{
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	padding: 20px 0px 0px 0px;
	color: #437143;
}
footer ul{float: right;margin-top: 55px;margin-right:-18px;}
footer a{color:#e5f4c7;float:right;}
#footcopy{float: left;margin:50px 0px;}
#footbierzyk{float: right;margin:50px 0px;}




@media all and (max-width:1280px){
section, footer, article, header{
	width: 92%;
}
nav{
	float: left;
	margin-top: 30px;
	clear: both;
	background: #0f740f;
	padding: 20px 0px;
	width: 100%;
	text-align: center;
}
#menu{margin: 0px 20px;}
li{margin: 0px 36px 0px 0px;}
#banery{justify-content: center;flex-wrap:wrap}
.baner{margin: 15px 15px;}
footer{text-align: center;}
#footmenu{clear: both;float: none;margin-top:30px;}
#logo2{float: none;}
#menu a{color:#ffffff}
#menu a:hover{color:#cef865}
#active a{color:#cef865}
}

@media all and (max-width:950px){
li{display: inline-block;margin: 0px 20px 0px 0px;}
#news1{width:100%;padding-top: 3px;margin-bottom: 35px;}
#news2{width:100%;
	min-height:400px;
background: 
    url('img/fotoshadow.webp') no-repeat right bottom / auto,    
	url('img/h_foto3.webp') no-repeat center center / cover;}
#news{display: block;margin-top: 30px;background: none;}
footer{color:#629562}
}

@media all and (max-width:740px){
.baner{width: 100%;display: block; margin: 15px 0px;background:url(img/baner_back2.webp) bottom center / cover;}
#banery{display: block;}
#news{margin-bottom: 25px;}
#footcopy{float: none;margin:30px 0px 10px 0px; font-size: 14px;}
#footbierzyk{float: none;margin:10px 0px 30px 0px; font-size: 14px;}
#respmenu{display: block;}
#menu{max-height:0px;overflow: hidden;transition: max-height 0.4s ease-in-out;}
#menu.otwarte {
  max-height: 800px; 
}
#menu li{display: block; margin: 10px 0px;border-top: 1px solid #218b21;padding: 13px 0px 8px 0px;}
#respmenu a{color:#cef865; font-size: 24px;}
#respmenu a:hover{color:#ffffff}
}