.navbar__toggler {display: none;}

body {
	overflow-x: hidden;
	width: 100%;
}

.home header {
	height: 100vh;
	position: relative;
}

#dlaczego-my .box {
	overflow: hidden;
}

/*

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

}


/* 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: 90vw;
	}

	.navbar-nav a {padding: 10px 8px;}

	.carousel .swiper-slide a .caption strong {
		font-size: 14px;
		line-height: 1.2em;
	}
}

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

	.navbar__toggler {
		display: block;
		background: white;
		border: 0;
		padding: 5px 4px;
		margin-right: 35px;
	}

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

	#navbar .container {
		position: relative;
	}
	.navbar-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #0098D9;
		transform-origin: top;
		transform: scaleY(0);
		opacity: 0;
		transition: all .2s;
	}

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

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

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

@media screen and (max-width: 800px) {
	.col-3,
	.col-8,
	.col-6,
	.col-5,
	.col-7 {
		max-width: 100%;
		width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	#o-nas .col-6 {margin-top: 30px;}

	#o-nas .card img {
		display: block;
		align-self: center;
		width: 100%;
	}

	#dlaczego-my .box img {
		position: relative;
		z-index: 10;
		max-width: 100%;
	}

	#dlaczego-my .box .col-5 {
		position: relative;
		bottom: 0;
		left: 0;
		height: 100%;
		z-index: 20;
		color: white;
		padding: 0 0 30px 0;
		display: flex;
		width: 100%;
		max-width: 100%;
		flex-basis: 100%;
		flex-direction: column;
		justify-content: center;
		background: none;
	}

	#dlaczego-my {
		height: auto;
		margin-top: 0;
		background: url(../img/dlaczego_bg.jpg) bottom no-repeat;
		background-attachment: fixed;
		background-size: cover;
		position: relative;
		padding: 60px 0;
	}

	#dlaczego-my .box {
		position: relative;
		top: auto;
		left: 0;
	}

	.carousel {
		width: 100%;
	}

	header .swiper-container img {max-height: 100vh;}
}

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

@media screen and (max-width: 640px) {
	header h2 {font-size: 20px;}
}

@media screen and (max-width: 600px) {
	.cursor_animate {display: none !important;}
}

@media screen and (max-width: 480px) {
	.five-cols a {
		max-width: calc(100% * 1/3);
		width: calc(100% * 1/3);
		flex-basis: calc(100% * 1/3);
	}

	footer .social-media {margin-top: 10px;}
}

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

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

}

@media screen and (max-width: 414px) {
	.navbar__toggler {margin-right: 22px;}
}

@media screen and (max-width: 375px) {
	.logo img {
		height: 49px !important;
	}
}

@media screen and (max-width: 360px) {
	.logo img {
		height: 45px !important;
	}
}

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