html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
/******************************************************************************/


*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; }

*:last-child { margin-bottom: 0 !important; }


/* =Structure
----------------------------------------------- */
body {
	line-height: 1.7; 
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #444444;
}


 

html, body { height: 100%; }


p { margin: 0 0 20px; }

@media (min-width: 960px) {
	p {  }
}

a { text-decoration: underline; color: black; text-decoration-skip: ink; transition: all .25s ease-in-out; }
a:hover { text-decoration: none; }

@media (min-width: 768px) {
	a.tel { text-decoration: none; color: inherit; }
}





h1, .h1, h2, h3, h4, h5, h6 { line-height: 1.4;   }
h1, .h1 { font-size: 22px;  }
h2 { font-size: 20px;  }
h3 { font-size: 16px;  }
h4 { font-size: 16px; }
h5, h6 { font-size: 16px;  }

h1, .h1, h2 { margin: 0 0 20px; }
h3, h4, h5, h6 { margin: 0 0 10px; }


@media (min-width: 960px) {
	h1, .h1 { font-size: 30px; }
	h2 { font-size: 24px }
	h3 { font-size: 18px }
}





ul, ol { margin: 0 0 20px; }
li { margin: 0 0 10px 30px }


hr { clear: both; border: 0; height: 1px; background: #2A2A27; width: 100%; margin: 0 0 20px;  }


table { margin: 0 0 1.5em; border: 0; }
td, th { padding: 5px; border: 0; text-align: left; vertical-align: middle;  }
















.clear { clear: both }
.clearfix:before, .cf:before, .in:before, .clearfix:after, .cf:after, .in:after { content: " "; display: table; }
.clearfix:after, .cf:after, .in:after { clear: both; }





body { display: flex; flex-direction: column; }

.center { text-align: center;  }

.web {  }

.main { flex: 1 0 auto; position: relative;  }

.in, .inw { width: 90%; max-width: 990px; margin: auto; padding: 20px; }

@media (min-width: 768px) {
	.in, .inw { width: 94%;  }
}

@media (min-width: 960px) {
	
}

@media (min-width: 1200px) {
	
}










.header { background: url(img/header-mobile.jpg) center center no-repeat; background-size: cover; border-bottom: 2px solid #444444; }
.header__in { padding: 30px 20px; text-align: center;}

.header h1, .header h2 { color: yellow; text-transform: uppercase; text-shadow: 0 0 5px rgba(0, 0, 0, .8); }
.header h1 { font-size: 32px }

@media (min-width: 960px) {
	.header { background-image: url(img/header.jpg); }
	.header h1 { font-size: 50px; }
}







.content__in { padding: 0 0 50px; }


.kontakt { padding: 30px 0; color: #000; font-weight: bold; }


@media (min-width: 960px) {
	.kontakt { padding: 50px 0; font-size: 18px; }
}





.sluzby { margin-bottom: 50px;  }

.sluzba { margin-bottom: 25px; border: 2px solid #444444; }
.sluzba__title { background-color: #444444; background-repeat: no-repeat; background-position: left center; background-size: cover; }
.sluzba__content { padding: 15px; }

.sluzba__title h3 { display: inline-block; padding: 10px;  color: yellow; background-color: #444444;  }

.sluzba--1 .sluzba__title { background-image: url(img/sluzba-zam.jpg); }
.sluzba--2 .sluzba__title { background-image: url(img/sluzba-zel.jpg); }
.sluzba--3 .sluzba__title { background-image: url(img/sluzba-zem.jpg); }

@media (min-width: 960px) {
	.sluzby { display: flex; justify-content: space-between; }
	.sluzba { width: 32%; margin: 0; }
	
	.sluzba__title h3 { padding: 10px 15px; }
}







.gal { margin-bottom: 25px; border: 2px solid #444444; }

.gal__title { background-color: #444444; background-repeat: no-repeat; background-position: left center; background-size: cover;  }

.gal__title h3 { display: inline-block; padding: 10px;  color: yellow; background-color: #444444;  }

.gal--1 .gal__title { background-image: url(img/sluzba-zam.jpg); }
.gal--2 .gal__title { background-image: url(img/sluzba-zel.jpg); }
.gal--3 .gal__title { background-image: url(img/sluzba-zem.jpg); }


.gal__items { padding: 5px; }
.gal__items a { float: left; margin: 0 2px 2px 0; }
.gal__items img { display: block; height: 70px; width: auto; }

@media (min-width: 768px) {
	.gal__items a { margin: 0 4px 4px 0; }
	.gal__items img { height: 120px; }
}

@media (min-width: 960px) {
	
	.gal { margin-bottom: 40px; }
	
	.gal__items { padding: 15px; }
	.gal__items a { margin: 0 10px 10px 0; }
	.gal__items img { height: 150px; }
	
	.gal__title h3 { padding: 10px 15px; }
}