body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #3d3d3d;}
#logo {margin: 20px 40px;}
.blok {padding: 20px 50px; text-align: center; background: #00bff3; color: #fff;}


h1 {font-size: 30px; font-weight: normal; color: #cff5ff;}
h2 {font-size: 30px; font-weight: normal; margin: 15px 0; color: #ddd; text-align: center; letter-spacing: 2px;}
a {/*color: #008635;*/ color: #ee4264;}
a img {border: none;}


span.sluzba {position: relative; display: inline-block; width: 195px; height: 195px; overflow: hidden; font-size: 22px; background: url(img/kruh.png) no-repeat; margin: 10px 20px; text-align: center; }
span.sluzba1 {padding-top: 30%;}
span.sluzba2 {padding-top: 24%;}
span.sluzba3 {padding-top: 17%;}
span.sluzba4 {padding-top: 11%;}

#paticka {text-align: center; margin: 30px 50px; font-size: 0.9em;}

#reference {background: #3d3d3d; padding: 15px 0 50px 0; margin: 0 0 20px 0; text-align: center;}
.slide {display: inline-block; margin: 40px 20px;}
.slide img {
	/*border: 10px solid #fff;*/
	/*margin-bottom: 40px;*/
	box-shadow: #000 10px 10px 20px;
	-webkit-box-shadow: #000 10px 10px 20px;
	-moz-box-shadow: #000 10px 10px 20px;
}


/* NOVE */

body#newBody {
	background: #000000 url(img/background.jpg) no-repeat top; background-size: 100% auto; /* #0d001f */
	text-align: center;
	color: #fff;
	font-family: "Roboto Flex", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
		"slnt" 0,
		"wdth" 120,
		"GRAD" 0,
		"XOPQ" 96,
		"XTRA" 468,
		"YOPQ" 79,
		"YTAS" 750,
		"YTDE" -203,
		"YTFI" 738,
		"YTLC" 514,
		"YTUC" 712;
}
body#newBody #logo {margin: 40px auto 20px auto;}
body#newBody #sluzby {margin: 80px auto 50px auto;}
body#newBody #reference {background: transparent; text-align: center;}
body#newBody a {color: #fff;}
body#newBody h2 {text-transform: uppercase; color: #fff; font-size: 1.3rem;}
body#newBody h3 {text-transform: uppercase; font-size: 1.3rem; letter-spacing: 3px; color: #c4b4dd;}
body#newBody #paticka {background: transparent; margin: 30px 0px 150px 0px; font-size: 1rem;}

@media (max-width: 767px) { 
    body#newBody {background-size: 300% auto;}
}
@media (max-width: 420px) { 
    body#newBody #reference img {max-width: 90vw; height: auto;}
}