.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) {

	header > img {
		position: relative;
		z-index: 10;
		display: block;
		height: 100vh;
		width: 100vw;
		object-fit: cover;
		object-position: center;
	}

	.sekcja {
		background-position: 40vw 0;
	}

	.reversed.sekcja {
		background-position: calc(100% - 40vw) 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) {

}



/* 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: 95%;}

	.navbar-nav>li {
		margin-left: 10px;
	}

	.navbar-nav>li:first-child {display: none;}

	.logo img {height: 50px;}
}



/* medium */

@media screen and (max-width: 1023px) {
	.navbar__toggler {
		display: block;
		background: transparent;
		border: 1px solid white;
		padding: 4px 3px;
		margin-left: 15px;
	}

	.navbar__toggler span {
		display: block;
		margin: 3px;
		height: 3px;
		width: 30px;
		background: #fff;
	}

	.navbar_right {
		display: flex;
	}

	.navbar-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: linear-gradient(to right, rgb(38, 61, 92) 0%, rgb(3, 119, 32) 100%);

		transition: all .2s;
		transform-origin: top;
		transform: scaleY(0);
		opacity: 0;
	}

	.navbar-nav.show {
		transform: scaleY(1);
		opacity: 1;
	}

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

	.navbar-nav>li:first-child {display: block;}

	.navbar-nav>li>a {
		color: white !important;
		display: block;
		padding: 10px 15px;
		width: calc(100% - 30px);
		border-top: 1px solid rgba(255,255,255,.2);
	}

	.navbar-nav>li>a::after {display: none;}

	.navbar-nav>li>a:hover,
	.navbar-nav>li>a:focus,
	.navbar-nav>li>a.active {
		background: rgba(0,0,0,.3);
	}

	.dropdown {
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		min-width: 100%;
		background: rgba(0,0,0,.2);
		max-height: 0;
	}

	li:hover .dropdown {
		max-height: 100%
	}

	.dropdown a {
		color: white !important;
		border-top: 1px solid rgba(255,255,255,.2);
	}

	#navbar.affix .navbar-nav a i {
		filter: invert(0);
	}

	.sub {
		background-size: auto 25vw;
		padding-top: 15vw;
	}

	.affix .navbar__toggler {
		border-color: #222;
	}
	.affix .navbar__toggler span {background: #222;}
}

@media screen and (max-width: 800px) {
	#o-nas {
		padding: 50px 0;
	}
	#o-nas .items-center {
		flex-direction: column-reverse;
	}

	#o-nas .col-6,
	#o-nas .col-5,
	.sekcja .col-4,
	footer .col-3,
	footer .col-7,
	footer .col-5,
	footer .col-9,
	article.col-9,
	article.col-8,
	aside.col-4 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	footer .col-9 {margin-bottom: 15px;}

	#o-nas img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	.sekcja, .reversed.sekcja {
		background-size: 90vw auto;
		background-position: right bottom;
		padding-bottom: 50vw;
	}

	.sekcja .row {min-height: 10px}

	.reversed.sekcja {
		flex-direction: column-reverse;
		background-position: left bottom;
	}

	#mapa iframe {
		height: 50vh;
	}

	.no-labels input, .no-labels select, .no-labels textarea {
		width: calc(100% - 3rem);
	}

	footer .col-7 h4,
	footer .col-3 {
		text-align: center;
	}

	footer .col-7 h4 {margin-top: 30px;}

	aside.col-3 {display: none;}

}

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

@media screen and (max-width: 640px) {
	.sub .news .col-4 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.sub h1, .sub .h1 {
		font-size: 45px;
	}
}



/*  small */

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

@media screen and (max-width: 480px) {
	header h1 {font-size: 50px;}
	footer .content-between {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.madeby {margin-top: 15px;}
}

@media screen and (max-width: 435px) {
	.sub {
		background-size: auto 30vw;
		padding-top: 20vw;
	}

	#navbar {height: 80px;}
}

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

@media screen and (max-width: 414px) {
	.container {max-width: 90%;}
}

@media screen and (max-width: 375px) {
	.sub h1, .sub .h1 {
		font-size: 40px;
	}
}

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

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