.content {
	width: 100%;
	position: relative;
	background-position: 50% 50%;
	font-family: "roboto";
	color: #27221F;
}

.content a {
	color: #27221F;
}

.content_margin_fix {
	font-size: 0px;
}

#glowna li {
	width: 100%;
	height: 100vh;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

#glowna table {
	width: 100%;
	height: 100%;
}

#glowna table td {
	text-align: center;
	vertical-align: middle;
}

#glowna img {
	margin: 0px auto;
}

.bx-wrapper {
	margin-bottom: 0px;
}

.bx-wrapper .bx-viewport {
	left: 0px;
	border: 0px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 70px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #27221F;
	margin: 0 10px;
	width: 20px;
	height: 18px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #27221F;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #FECC00;
}

.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	display: none;
}

#projekty, #projekty_360, #realizacje, #glowna {
	width: 100%;
	min-height: 100vh;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

#projekty li, #projekty_360 li, #realizacje li {
	width: 33.3333%;
	height: 50vh;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

#projekty li a, #projekty_360 li a, #realizacje li a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	-moz-transition: 0.25s ease-in;
}

#projekty_360 li a {
	color: #FFCC01;
}

.zobacz {
	display: none;
	max-width: 400px;
}

#projekty li a:hover, #realizacje li a:hover {
	background: rgba(254, 204, 0, 0.56);
}

#projekty_360 li a:hover {
	background: rgba(0, 0, 0, 0.4);
}

#projekty li a:hover .zobacz, #projekty_360 li a:hover .zobacz, #realizacje li a:hover .zobacz {
	display: block;
	text-align: center;
}

.zobacz h3 {
	margin: 30px 0px 65px 0px;
	font-size: 18pt;
	text-transform: uppercase;
}

#projekty_360 img {
	margin: 0px auto 10px auto;
}

#projekty_360 h3 {
	margin: 0px auto 20px auto;
}

.zobacz span {
	border: 2px solid #1D1D1B;
	padding: 14px 65px;
	font-weight: bold;
}

#projekty_360 .zobacz span {
	border-color: #FFCC01;
}

#kontakt {
	margin: 190px auto 70px auto;
	background-color: #FFFFFF;
	position: relative;
	width: 980px;
	height: 65vh; 
}

#kontakt h3, #omnie h3 {
	margin: 55px 0px 0px 100px;
	line-height: 40px;
}

#kontakt h3 span, #omnie h3 span {
	background-color: #FECC00;
	padding: 0px 5px;
}

#kontakt .image {
	width: 24px;
	margin: 25px 15px 0px 100px;
	float: left;
	text-align: center;
}

#kontakt .description {
	margin-top: 25px;
	float: left;
}

#kontakt .logo {
	position: absolute;
	width: 537px;
	height: 405px;
	bottom: 0;
	right: 0;
	background-image: url('../img/kontakt_logo.png');
}

#omnie {
	margin: 190px auto 70px auto;
	background-color: #FFFFFF;
	position: relative;
	width: 980px;
}

#omnie img {
	float: left;
	width: 323px;
	margin: 10px 0px 10px 100px;
}

#omnie p {
	float: left;
	width: 416px;
	margin: 10px 100px 0px 40px;
	text-align: justify;
}

#omnie .podpis {
	width: 224px;
	height: 87px;
	float: right;
	margin-right: 100px;
	margin-bottom: 20px;
	background-image: url('../img/podpis.png');
}

#omnie .content_end {
	position: absolute;
	width: 60px;
	height: 54px;
	bottom: 0;
	right: 0;
	background-image: url('../img/content_end.png');
}

#jak_powstaje {
	margin: 150px auto 50px auto;
	width: 1354px;
	font-size: 12pt;
}

#jak_powstaje .column {
	float: left;
	width: 664px;
	margin-right: 13px;
}

#jak_powstaje .step {
	background-color: #FFFFFF;
	width: 100%;
	height: 244px;
	margin-bottom: 16px;
}

#jak_powstaje img {
	margin: 20px 0px 0px 20px;
	float: left;
}

#jak_powstaje p {
	margin: 25px 30px 0px 30px;
	width: 357px;
	float: left;
	text-align: justify;
}

#jak_powstaje .content_end {
	float: right;
	width: 60px;
	height: 54px;
	margin: 184px 13px 0px 0px;
	background-image: url('../img/content_end.png');
}

#projekt, #projekt_360, #realizacja {
	margin: 140px auto 70px auto;
	text-align: center;
	width: 80%;
}

.galeria {
	height: 70vh;
}

.galeria .slider {
	width: 80%;
	height: 100%;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.foto_slider {
	height: 100%;
}


.foto_slider .foto {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.slider .bx-wrapper {
	height: 100%;
}

.slider .bx-wrapper .bx-viewport {
	height: 100% !important;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
}

.slider .bx-controls {
	display: none;
}

.galeria table {
	cursor: pointer;
	float: left;
	width: 10%;
	height: 100%;
}

.galeria table td {
	text-align: center;
	vertical-align: middle;
}

.back {
	margin: 15px auto 0px auto;
}

.back a {
	width: 116px;
	border: 2px solid #FECC00;
	color: #FECC00;
	font-weight: bold;
	padding: 5px 20px;
}

#projekt_360 iframe {
	border: 0px;
}

@media (max-width: 1360px) {
	#jak_powstaje {
		width: 946px;
		font-size: 9pt;
	}

	#jak_powstaje .column {
		width: 460px;
	}

	#jak_powstaje img {
		margin: 20px 0px 0px 10px;
	}

	#jak_powstaje p {
		margin-left: 10px;
		margin-right: 10px;
		width: 203px;
	}
}

@media (min-width: 480px) and (max-width: 960px) {
	#jak_powstaje {
		width: 460px;
	}

	#jak_powstaje .column {
		margin-right: 0px;
	}

	#jak_powstaje .content_end {
		display: none;
	}
}

@media (min-width: 600px) and (max-width: 1020px) {
	#projekty li, #projekty_360 li, #realizacje li {
		width: 50%;
	}
	#kontakt, #omnie {
		width: 560px;
	}
	#kontakt .image, #kontakt h3 {
		margin-left: 50px;
	}
	#kontakt .logo {
		width: 269px;
		height: 203px;
		background-image: url('../img/kontakt_logo_small.png');
	}
	#omnie h3, #omnie p {
		width: 460px;
		margin-left: 50px;
		margin-right: 50px;
	}
	#omnie img {
		margin-left: 117px;
	}
	.galeria .slider {
		width: 74%;
	}
	.galeria table {
		width: 13%;
	}
	#projekt_360 {
		width: 90%;
	}
}

@media (max-width: 600px) {
	#projekty li, #projekty_360 li, #realizacje li {
		width: 100%;
	}
	#kontakt, #omnie {
		max-width: 460px;
		width: 100%;
	}
	#kontakt .image, #kontakt h3 {
		margin-left: 50px;
	}
	#kontakt .logo {
		width: 269px;
		height: 203px;
		background-image: url('../img/kontakt_logo_small.png');
	}
	#omnie h3, #omnie p, #omnie img {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	#omnie .podpis {
		margin-right: 10%;
	}
	#projekt, #projekt_360, #realizacja {
		width: 100%;
	}
	.galeria .slider {
		width: 74%;
	}
	.galeria table {
		width: 13%;
	}
}

@media (max-width: 480px) {
	#jak_powstaje {
		width: 320px;
	}

	#jak_powstaje .column {
		width: 320px;
		margin-right: 0px;
	}

	#jak_powstaje .step {
		height: auto;
		padding: 10px 0px;
	}

	#jak_powstaje p {
		width: 228px;
	}

	#jak_powstaje .content_end {
		display: none;
	}

	#jak_powstaje img, #jak_powstaje p {
		float: none;
		margin: 0px 46px;
	}

	#slider_prev, #slider_next {
		width: 100%;
		max-width: 50px;
	}
}

@media (min-height: 600px) and (max-height: 850px) {
	#kontakt {
		margin-top: 150px;
		height: 60vh; 
	}
	#kontakt h3 {
		margin-top: 25px
	}
	.galeria {
		height: 59vh;
	}
}

@media (max-height: 600px) {
	#projekty li, #projekty_360 li, #realizacje li {
		height: 100vh;
	}
	#kontakt {
		margin-top: 130px;
		height: 350px; 
	}
	#kontakt h3 {
		margin-top: 25px
	}
	.galeria {
		height: 50vh;
	}
}