.navbar__toggler {display: none;}

/*

RRRRRRRRRRRRRRRRR         WWWWWWWW                           WWWWWWWW     DDDDDDDDDDDDD
R::::::::::::::::R        W::::::W                           W::::::W     D::::::::::::DDD
R::::::RRRRRR:::::R       W::::::W                           W::::::W     D:::::::::::::::DD
RR:::::R     R:::::R      W::::::W                           W::::::W     DDD:::::DDDDD:::::D
 R:::::R     R:::::R       W:::::W           WWWWW           W:::::W        D:::::D    D:::::D
 R:::::R     R:::::R        W:::::W         W:::::W         W:::::W         D:::::D     D:::::D
 R:::::RRRRRR:::::R          W:::::W       W:::::::W       W:::::W          D:::::D     D:::::D
 R:::::::::::::RR             W:::::W     W:::::::::W     W:::::W           D:::::D     D:::::D
 R::::RRRRRR:::::R             W:::::W   W:::::W:::::W   W:::::W            D:::::D     D:::::D
 R:::::R     R:::::R            W:::::W W:::::W W:::::W W:::::W             D:::::D     D:::::D
 R:::::R     R:::::R             W:::::W:::::W   W:::::W:::::W              D:::::D     D:::::D
 R:::::R     R:::::R              W:::::::::W     W:::::::::W               D:::::D    D:::::D
RR:::::R     R:::::R              W:::::::W       W:::::::W              DDD:::::DDDDD:::::D
R::::::R     R:::::R               W:::::W         W:::::W               D:::::::::::::::DD
R::::::R     R:::::R                W:::W           W:::W                D::::::::::::DDD
RRRRRRRR     RRRRRRR                 WWW             WWW                 DDDDDDDDDDDDD

*/


/* height: 1050px */
@media screen and (max-width: 1680px) {
	#o-nas {background-position: 50vw 0;}
}


/* height: 900px */
@media screen and (max-width: 1600px) {

}


/* height: 864px */
@media screen and (max-width: 1536px) {

}



/* height: 900px */
@media screen and (max-width: 1440px) {

}


/* height: 768px */
@media screen and (max-width: 1366px) {
	header .on_top .col-7 a strong {font-size: 14px;}
}



/* height: 768px */
@media screen and (max-width: 1360px) {

}



/* height: 1024 & 720px */
@media screen and (max-width: 1280px) {

}



/* height: 768px, 600px */
@media screen and (max-width: 1199px) {
	.container {
		max-width: 90%;
	}

	.navbar-nav a {
		padding: 5px 8px;
		font-size: 13px;
	}

	#liczby .counter {font-size: 50px;}

	#oferta .box {
		min-height: 250px;
		padding: 50px 15px;
	}

	footer .col-8 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width: 1023px) {
	.on_top .col-7 {display: none;}

	header .items-end {
		justify-content: center;
		text-align: center;
	}

	header .col-5 {
		margin-right: 0;
	}

	header .more {
		display: flex;
		justify-content: center
	}

	.navbar-nav {
		position: absolute;
		top: 100%; left: 0;
		width: 100%;
		background: #fff;
		transform-origin: top;
		transform: scale3d(1, 0, 0);
		transition: all .2s;
		max-height: 80vh;
		overflow-y: auto;
	}

	.navbar-nav.show {
		transform: scale3d(1, 1, 1);
		box-shadow: 0 10px 15px -5px rgba(0,0,0,.2);
	}

	.navbar-nav li {
		margin: 0;
		width: 100%;
	}

	.navbar-nav a {
		padding: 10px 15px;
		border-top: 1px solid #e2e2e2;
		width: calc(100% - 30px);
		display: block;
	}

	.navbar__toggler {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 40px;
		padding: 0;
		background: none;
		border: 1px solid #000;
		margin-left: 20px;
		border-radius: 100%;
		transition: all .2s;
	}

	.navbar__toggler.active {
		border-color: transparent;
	}

	.navbar__toggler.active span:nth-child(2) {
		display: none;
	}

	.navbar__toggler.active span:first-child {
		transform: rotate(-45deg) translateX(-4px);
	}

	.navbar__toggler.active span:last-child {
		transform: rotate(45deg) translateX(-4px);
	}

	.navbar__toggler span {
		display: block;
		margin: 2px 0;
		width: 25px;
		height: 2px;
		background: #000;
		align-self: center;
		transition: all .2s;
	}

	#o-nas {
		background: none;
		position: relative;
	}

	#o-nas::after {
		content: '';
		display: block;
		opacity: .15;
		position: absolute;
		top: 0; left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		background-size: cover !important;
		background: url(../img/onasbg.jpg) center no-repeat;
	}

	#o-nas > .container>.row> .col-6 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width: 800px) {
	#oferta .col-4 {
		width: 50%;
		max-width: 50%;
		flex-basis: 50%;
	}

	#oferta .box .caption h4 {color: white;}

	#oferta .col-4:nth-child(2n) img,
	#oferta .col-4 img {
		filter: invert(0);
	}

	#oferta .col-4:nth-child(2n) {
		background: #000;
		color: #fff;
	}

	#oferta .col-4:nth-child(2),
	#oferta .col-4:nth-child(3n) {
		background: #fff;
		color: #000;
	}

	#oferta .col-4:nth-child(3n) img,
	#oferta .col-4:nth-child(2) img {
		filter: invert(1);
	}

	#oferta .col-4:nth-child(2) h4,
	#oferta .col-4:nth-child(3n) h4 {
		color: #000;
	}

	#mapa iframe {
		height: 50vh;
	}
}

@media screen and (max-width: 768px) {
	header .col-5 {
		width: 80%;
		max-width: 80%;
		flex-basis: 80%;
		margin-right: 0;
	}
}

@media screen and (max-width: 640px) {
	#liczby .col-3 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	#oferta .col-4 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
	}

	#oferta .box .caption h4 {color: white;}

	#oferta .col-4:nth-child(3n) {
		background: #000000;
		color: white
	}
	#oferta .col-4:nth-child(3n) h4 {
		color: #fff;
	}

	#oferta .col-4:nth-child(3n) img {
		filter: invert(0);
	}

	#oferta .col-4:nth-child(2n) img {
		filter: invert(1);
	}

	#oferta .col-4:nth-child(2n) {
		background: #fff;
		color: #000;
	}

	#oferta .col-4:nth-child(2n) h4 {
		color: #000;
	}

	#kontakt .col-8 p {
		font-size: 1rem;
	}
}

@media screen and (max-width: 600px) {
	.five-cols a, .five-cols a:nth-child(5n) {
		max-width: calc(100% * 1/2 - (20px - 20px * 1/2));
		width: calc(100% * 1/2 - (20px - 20px * 1/2));
		flex-basis: calc(100% * 1/2 - (20px - 20px * 1/2));
		margin-right: 20px;
	}

	.five-cols a:nth-child(2n) {margin-right: 0;}
}

@media screen and (max-width: 480px) {
	section h2, #kontakt h2 {font-size: 35px;}

	#kontakt .col-8 .col-4 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.no-labels .col-5,
	.no-labels .col-7 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	.no-labels .row.nowrap {
		flex-direction: column;
		align-items: flex-end;
	}

	.no-labels button {margin-top: 15px;}
}

@media screen and (max-width: 435px) {
	.navbar_right > a {display: none;}
	#o-nas {padding: 50px 0;}
}

@media screen and (max-width: 425px) {}

@media screen and (max-width: 414px) {}

@media screen and (max-width: 375px) {}

@media screen and (max-width: 360px) {}

@media screen and (max-width: 320px) {}