.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: 768px, 600px */
@media screen and (max-width: 1199px) {
	.container {
		max-width: 90%;
	}

	.logo span {font-size: 16px; letter-spacing: 1px;}
	.logo img {
		height: 40px;
		margin-right: 10px;
	}

	.navbar-nav a {font-size: 14px; padding: 5px 8px;}
	.tel small {font-size: 14px;}
	.tel a {font-size: 25px;}

	header h1 {font-size: 30px;}

	header .slogan {
		padding: 30px;
		bottom: -70px;
	}

	#o-firmie .col-6 img {
		max-width: 100%;
		position: relative;
	}

	#o-firmie .col-6 .img1,
	#o-firmie .col-6 .img2 {top: 0; position: relative; border:0;}

	figure, figure img {
		width: 100%;
	}
	figcaption {
		line-height: 1.3em;
		font-size: 13px;
	}

	.sections section .text {
		padding: 0 30px;
	}

}

@media screen and (max-width: 1023px) {
	.navbar_right {
		display: flex;
		align-items: center;
	}
	.navbar__toggler {
		display: block;
		background: #FAAC13;
		border: 0;
		padding: 4px;
		margin-left: 30px;
	}

	.navbar__toggler span {
		display: block;
		width: 30px;
		height: 3px;
		background: #fff;
		border-radius: 2px;
		margin: 4px;
	}

	.navbar-nav {
		position: absolute;
		top: 100%; left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 15px 20px -10px rgba(0,0,0,.1);
		transform: scaleY(0);
		opacity: 0;
		transform-origin: top;
		transition: all .2s;
	}

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

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

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

	.navbar-nav .active > a, .navbar-nav a.active, .navbar-nav a:hover, .navbar-nav a:focus {
		color: white;
		background: #FAAC13;
	}

	main iframe {
		height: 350px;
	}
}

@media screen and (max-width: 800px) {
	.container {max-width: 100%;}
	#navbar {
		height: 70px;
	}

	body {padding-top: 70px;}

	header {
		display: flex;
		margin-bottom: 30px;
		flex-direction: column-reverse;
	}

	header .on_top {
		position: relative;
	}

	header .on_top .container {
		max-width: 100%;
	}

	header .slogan {
		position: relative;
		bottom: 0;
		width: 100%;
		text-align: center;
	}

	footer .col-4,
	section .col-5,
	section .col-6,
	section .col-7 {
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	#o-firmie img {
		width: 100%;
	}

	#o-firmie .row, #o-firmie .col-6 {
		height: auto;
	}

	#oferta {
		padding: 30px 0;
		margin-top: 0;
	}

	#oferta .container {
		max-width: 90%;
	}

	.col-3 {
		width: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		max-width: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		flex-basis: calc(99.99% * 6/12 - (30px - 30px * 6/12));
		margin-right: 30px;
	}
	.col-3:nth-child(2n) {margin-right: 0;}

	.boksy {
		padding: 30px 0;
	}

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

	footer .content-between {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.madeby {margin-top: 15px;}

	#navbar .container {
		max-width: 90%;
	}

	.sub {
		padding-top: 70px;
	}

}

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

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

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

	.three-cols a, .three-cols a:nth-child(3n) {
		max-width: calc(100% * 1/2 - (30px - 30px * 1/2));
		width: calc(100% * 1/2 - (30px - 30px * 1/2));
		flex-basis: calc(100% * 1/2 - (30px - 30px * 1/2));
		margin-right: 30px;
		max-height: 30vh
	}

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

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

@media screen and (max-width: 435px) {
	#navbar .tel {display: none;}
	header h1 {
		font-size: 25px;
	}

	header .slogan {padding: 15px;}
}

@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) {}