*{
	box-sizing: border-box;
}
body{
	font-family: sans-serif;
	width:90%;
	margin: auto;
	color:  #404040;
	letter-spacing: 0.075em;
	height: 100%;
}
h1{
	text-align: center;
	font-weight: normal;
	padding: 1% 0;
}
h2{
	text-align: center;
	font-weight: normal;
	font-size: 80px;
	padding-top: 1%;
	margin: 0;
}
h3{
	text-align: center;
	font-weight: normal;
	font-size: 25px;
	margin: 7%;
}
h4{
	margin-bottom: 0.5%;
}



div.hlava{
	width: 100%;
	height: 60px;
	text-transform: uppercase;
	position: fixed;
	top: 0;
	z-index: 20;
}
div.hlava a{
	height: 100%;
}
div.menu{
	height: 100%;
	width: 75%;
	float: left;
	background-color: #FFFFFF;
    box-shadow: inset 3px -8px 2px -8px  #DBDBDB;
}
div.hlava div.menu div.nav a{
    text-decoration: none;
    float: left;
    border-right: 1px solid #F4F4F4;
    color: #404040;
    padding: 1.5em;
    height: 60px;
    transition: background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
div.hlava div.menu div.nav a:hover{
	color: #0b2c8f;
}
div.logo{
	width: 15%;
	height: 100%;
	float: left;
}
div.hlava div.logo a{
	background-color:#0b2c8f;
	text-decoration: none;
	color: #FFFFFF;
	padding: 1.5em;
	height: 100%;
	float: left;
	text-align: center;
	width: 100%;
	transition: color 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
div.hlava div.logo a:hover{
	background-color: #2847a6 ;
}
div.menu div.nav{
	float: right;
}



div.banner{
	background-image: url("../img/banner.jpg" );
	height: 650px;
	background-position: center;
	background-size: cover;
	margin: 60px 0px 0px 0px;
	text-align: center;
	color: white;
}
div.text{
	padding-top: 20%;
}
div.sluzby{
	font-size: 13pt;
	float: left;
	width: 60%;
	padding: 1.5em;
}

ul li{
	padding-top: 2%;
}
#vizitka{
	width: 30%;
	margin-top: 5%;
}



 div.foto{
	width: 33.3%;
	border: 1px solid #DBDBDB;
	float: left;
}
img.foto{
	width: 100%;
    padding: 5%;
}
img.foto:hover{
	transform: scale(1.03);
}



article{
	margin-top: 4%;
	text-align: center;
}
section p{
	margin: 0;
}









@media (max-width: 1294px) {
	div.logo a{
		font-size: 13px;
	}
	div.foto{
		width:50%;
	}
	img.foto{
		padding: 2.5%;
	}
	h3{
		margin-top: 10%;
	}
	
}
@media (max-width: 990px) {
article{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 60px;
	font-size: 12px;
}
#map{
	display: none;
	}
}
@media (max-width: 675px) {
	div.sluzby{
		width: 100%;
	}
	#vizitka{
		margin-left: 25%;
		width: 50%;
	}
	div.logo a{
		font-size: 7px;
		text-align: center;
	}
	div.hlava{
		height: 30px;
		font-size: 8px;
	}
	div.banner{
		margin: 30px 0 0 0;
		height: 325px;
	}
	div.hlava div.menu div.nav a{
		height: 30px;
	}
	h2{
		font-size: 30px;
	}
}