/*

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

*/

#wynajem .row:last-of-type {
	align-items: stretch;
}

#wynajem .col-3 a {
	height: calc(100% - 62px);
}

#wynajem a .photo img {
	max-height: 210px;
}

.navbar__toggler {
	display: none;
}

/* 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) {
	.container {
		max-width: 90vw;
	}

	.home header {
		height: 95vh;
	}

	header h1 {
		font-size: 50px;
	}

	header .slogan {
		width: 253px;
		height: 566px;
		background-size: contain;
		background-repeat: no-repeat;
	}
}

/* height: 768px, 600px */
@media screen and (max-width: 1199px) {
	.navbar-nav > li {
		margin-left: 25px;
	}

	.home header .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.home header .swiper-container img {
		display: block;
		height: 100vh;
		align-self: center;
	}
}

@media screen and (max-width: 1023px) {
	.navbar__toggler {
		display: block;
		padding: 3px;
		background: #fff;
		border: 1px solid #ff0092;
		transition: all 0.2s;
	}

	.navbar__toggler:focus {
		outline: none;
		background: #b80093;
	}

	.navbar__toggler:focus span {
		background: #ffffff;
	}

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

	.navbar-nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #ffffff;
		transition: all 0.2s;
		transform-origin: top;
		transform: scaleY(0);
		opacity: 0;
	}

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

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

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

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

	.navbar-nav .dropdown {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: none;
		max-height: 0;
		overflow: hidden;
		background: #f4f4f4;
	}

	.navbar-nav li:hover > .dropdown {
		max-height: 100%;
	}

	#oferta .col-3,
	#oferta .col-9 {
		max-width: 100%;
		width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	#oferta {
		padding: 60px 0;
	}

	#oferta .col-3 {
		margin-bottom: 60px;
	}

	#wynajem .col-3 {
		width: calc(100% * 6 / 12 - (30px - 30px * 6 / 12));
		max-width: calc(100% * 6 / 12 - (30px - 30px * 6 / 12));
		flex-basis: calc(100% * 6 / 12 - (30px - 30px * 6 / 12));
		margin-right: 30px;
	}

	#wynajem .col-3:nth-child(2n) {
		margin-right: 0;
	}

	.sub header img {
		max-width: 100%;
		height: auto;
	}

	.sub aside {
		display: none;
	}

	.sub article.col-9 {
		max-width: 100%;
		width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width: 800px) {
	header .slogan {
		display: none;
	}

	.home header {
		height: auto;
	}

	.home header .swiper-slide img {
		height: auto;
		max-width: 100%;
	}

	#o-firmie .row {
		flex-direction: column-reverse;
	}

	footer .col-3,
	footer .col-6,
	#o-firmie .col-7,
	#o-firmie .col-4 {
		max-width: 100%;
		width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	#paralaksa {
		display: none;
	}

	footer .col-3,
	footer .col-6 {
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

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

	.madeby {
		margin-top: 10px;
	}

	main img {
		max-width: 100%;
		height: auto;
	}

	#o-firmie .col-4 {
		margin-bottom: 30px;
	}

	#o-firmie img {
		max-width: 70%;
	}
}

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

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

@media screen and (max-width: 600px) {
	.ue img {
		width: 120px;
	}
}

@media screen and (max-width: 480px) {
	#wynajem .col-3,
	.col-4 {
		max-width: 100%;
		width: 100%;
		flex-basis: 100%;
		margin-right: 0;
	}

	#o-firmie .col-7 {
		min-height: 280px;
	}

	.sub h1 {
		font-size: 40px;
	}

	.downloads li a::before {
		display: none;
	}

	.downloads li a {
		padding: 10px 15px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.downloads li a em {
		display: none;
	}

	.downloads li a .info::after {
		margin-left: 0;
		margin-top: 10px;
	}

	.four-cols a,
	.three-cols a {
		max-width: calc(100% * 1 / 2);
		width: calc(100% * 1 / 2);
		flex-basis: calc(100% * 1 / 2);
	}

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

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

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