body {
	background-color: #888;
}

/*---------------------------------------------
// Header
//--------------------------------------------*/
#header {
	max-width: 100%;
    min-height: 200px;
    z-index: -1;
	border-bottom: 6px solid #d82d22;
	background: rgb(51,51,51);
	background: linear-gradient(17deg, rgba(51,51,51,1) 0%, rgba(85,85,85,1) 50%, rgba(136,136,136,1) 100%);
}
nav { font-size: 1.3em; width: 100%; }
.nav-item a.active {
	font-weight:bold;
}

#top {
	padding: 16px 0 16px;
}
.top-adres {
	padding-top: 16px;
}
.top-phone {
	font-size: 1.5em;
	color: #d82d22;
	font-weight: 600;
	text-shadow: 0px 0px 8px white;
}
.logo {
	margin-top: 8px;
}

.menu-container {
	border-bottom: 6px solid #d82d22;
}

/*---------------------------------------------
// Hero section
//--------------------------------------------*/
#hero {
    background: url("../images/header.jpg") no-repeat center center;
    background-size: cover;
    min-height: 400px;
	font-weight: 600;
}

.header-ad {
	background-color: rgb(0,0,0,0.5);
	border-radius: 5px;
	padding: 16px;
	color: #fff;
	margin-top: 64px;
}
.header-ad p {
	font-size: 1.5em;
}

#hero h1 {
	text-shadow: 2px 4px 0px white;
	color: #d82d22;
	font-weight: 700;
	font-size: 5em;
}

a.btn-primary {
	background-color: #d82d22;
}

a.btn-primary:hover {
	background-color: #e94339;
}

.navbar-dark {
	background-color: #333;
}

.main-info {
	background-color: #ccc;
	padding: 48px 0 48px;
}

#image-gallery {
	padding: 32px 0 32px;
}

footer {
	padding: 8px 0 8px;
}