@media only screen and (max-width: 576px) {

	.navi {
		height: 60px;
	}

	.navi__imgs {
		gap: 0 1rem;
	}

	.navi__img img {
		height: 35px;
	}

	.navi__img .jsw {
		height: 25px;
	}

	.navi__img .bip {
		height: 35px;
	}

	.side__menu {
		width: 100vw;
		right: -100vw;
	}

	.navi__menu button p {
		display: none;
	}

	.home .btn {
		bottom: 20%;
	}

	.showSide {
		right: 0 !important;
	}

	.side__menu ul {
		padding-left: 0;
		text-align: center;
	}

	.projekt__bg {
		padding-bottom: 12%;
	}

	.projekt__btn {
		bottom: 0;
		left: 0%;
		transform: 0;
		margin-left: 32px;
	}

	.funkcje .h1, .konsorcjum .h1 {
/* MESSY CLEANUP OF LAZY CSS @MP
		padding-top: 18%; */
	}

	.funkcje .btn {
		margin: 8% auto 10%;
		margin-left: 0;
	}

	.cel__content {
		/* MESSY CLEANUP OF LAZY CSS @MP
		padding-top: 25%; */
	}

	.cel__content .btn {
		display: block;
		margin: 10% auto;
		margin-left: 0;
	}

	.konsorcjum__content {
		flex-direction: column;	
	}

	.konsorcjum__item  {
		width: 100%;
		padding-bottom: 5%;
	}

	#news .btns {
		display: none;
		margin-top: 3%;
	}

	#news .opisy {
		/* MESSY CLEANUP OF LAZY CSS @MP
		padding-top: 12%; */
	}

	#news .aktualnosc:nth-child(1) {
		transform: scale(1);
	}

	#news .aktualnosc {
		margin-right: 30px;
	}

	#news .aktualnosc .teksty {
		padding: 5%;
	}

	#news .dane {
		height: 300px;
	}

	#news .btns a {
		margin-bottom: 0em;
	}

	#news .btns-mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 7%;
	}

	#news .wszystkie_news {
		height: 600px;
	}

	#formularz .formularz {
		padding: 4em 2em;
	}

	footer img {
		width: 60%;
		margin: auto;
	}

	footer .contact {
		text-align: center;
		font-size: 14px;
	}

}


@media only screen and (max-width: 440px) {

	.navi__imgs {
		padding-left: .5rem;
	}

	.projekt__content, .funkcje .h1, .konsorcjum .h1 {
		/* MESSY CLEANUP OF LAZY CSS @MP
		padding-top: 20%; */
	}

	.finansowanie__opis p {
		padding: 0 .5rem;
	}

	#formularz h3 {
		font-size: 1.75rem;
	}
	
	.finansowanie .d-flex {
		justify-content: center;
	}

	.finansowanie .d-flex .finansowanie__img {
		width: 60%;
	}

	.owl-nav .owl-next img {
		width: 50px;
	}
}

@media only screen and (max-width: 395px) {
	.projekt__content, .funkcje .h1, .konsorcjum .h1 {
		/* MESSY CLEANUP OF LAZY CSS @MP
		padding-top: 21%;  */
	}
	
	#news .aktualnosc{
		width: 350px;
	}

	footer img {
		margin-bottom: 1rem;
	}

}

@media only screen and (max-width: 360px) {
	.bip {
		display: none;
	}
}