@media (max-width: 999px) {
.nav {
	display: block;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--kolor-szary-ciemny);
	padding: var(--o-x3) var(--o);
	z-index: 9;
	overflow-y: auto;
	transition: var(--trans-widac);
}
.ma_1 {
	display: block;
	font-size: 23px;
	height: auto;
	padding: 0;
	border: 0;
	color: var(--kolor-bialy);
	text-shadow: none;
	text-decoration: none;
	transition: var(--trans);
}
.otwarte .active > a,
.otwarte a:focus,
.otwarte a:hover {
  color: var(--kolor-zielony);
}

.ml {
	margin-top: var(--o);
}


.otwarte .mu_2 {
	margin-left: var(--o);
}


.otwarte .nav {
	opacity: 1;
	visibility: visible;
}


}
@media (min-width: 1000px) {
#burger {
	display: none;
}

.mainMenu {
	display: flex;
	list-style: none;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ml_1 {
	position: relative;
	margin-left: 30px;
}
.ma_1 {
	display: block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	color: var(--kolor-bialy);
	text-shadow: var(--cien-tekstu);
}
.active .ma_1,
.ma_1:hover,
.ma_1:focus {
	color: var(--kolor-zielony);
}


.mu_2 {
	width: 200px;
	position: absolute;
	display: none;
	visibility: hidden;
	opacity: 0;
	background: #fff;
	padding: var(--o-pol);
	box-shadow: 0 0 var(--o) var(--k1);
	border-radius: var(--radius-5);
	transition: visibility 0s .5s,opacity .5s linear;
}
.ml_2:not(:first-child) {
	margin: 5px 0 0;
	padding-top: 5px;
	border-top: 1px solid var(--k1);
}
.ma_2 {
	display: block;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}




.ml_1:hover > .mu_2,
.ml_1:focus-within > .mu_2,
.ml_1 .mu_2:hover,
.ml_1 .mu_2:focus {
   visibility: visible;
   opacity: 1;
   display: block;
}







}
/* koniec */