body {
	/*background-image: url(assets/comp/web_bcg.png);*/
	background-color: #F0A51B;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.zakazky {
	width: 100%;
	display: flex;
	justify-content: center;
}

.zakazka {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	height: 10vw;
	font-family: Raleway;
}

.zakazka h2 {
	margin: auto;
	padding-top: 1vw;
	padding-bottom: 1vw;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	/*text-shadow: 0.05vw 0.1vw 0.15vw #000000;*/
	font-size: 2vw;
}

#ostrava-stred {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_ostrava_stred.jpg);
	background-size: 100% auto;
	background-position: center;
}

#frydek-mistek {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_frydekmistek.jpg);
	background-size: 100% auto;
	background-position: center;
}

#hrob-seremek {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/hrob_seremek.jpg);
	background-size: 100% auto;
	background-position: center;
}

#hodonin {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_hodonin.jpg);
	background-size: 100% auto;
	background-position: center;
}

#krnov {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_krnov.jpg);
	background-size: 100% auto;
	background-position: center;
}

#bruntal {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_bruntal.jpg);
	background-size: 100% auto;
	background-position: center;
}

#ostrava-svinov {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_ostrava_svinov.jpg);
	background-size: 100% auto;
	background-position: center;
}

#ostrava-hln {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_ostrava_hln_vytah.jpg);
	background-size: 100% auto;
	background-position: center;
}

#smuh {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_smuh.jpg);
	background-size: 100% auto;
	background-position: center;
}

#trinec-centrum {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_trinec_centrum.jpg);
	background-size: 100% auto;
	background-position: center;
}

#uhersky-brod {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_uhersky_brod.jpg);
	background-size: 100% auto;
	background-position: center;
}

#vendryne {
	background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(zakazky/zst_vendryne.jpg);
	background-size: 100% auto;
	background-position: center;
}

@media (orientation: portrait) {
	.zakazka {
		width: 100%;
		height: 25vh;
	}
	.zakazka h2 {
		font-size: 4vw;
	}
}