* {	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
@font-face {
	font-family: font1;
	src: url(fonts/Montserrat-Bold.ttf);
}
@font-face{
	font-family: font2;
	src: url(fonts/Alice-Regular.ttf);
}
body {
	background-color: #969696;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;	
}
a {
	text-decoration: none;
}

#header-wrapper {
	border-bottom: 6px solid gold;
	background-color: black;
}
#footer-wrapper {
	padding: 30px 0;
	background-color: gold;
	text-align: center;
	color:darkgrey;
	font-size: 20px;

}
header img{
	float: left;
	width: 220px;
	height: 100px;
	object-fit: cover;
}
header, #jedan, #dva, footer {
	padding: 10px 0;
	margin: 0 10%;
	overflow: auto;
}
h1, {
	text-align: center;
	font-family:font1;
	color: gold;
}
nav  {
	font-family: font1;
	margin-top:40px;
	float: right;
}
nav a  {
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	transition: 0.3s;
}
header button {
	margin-left: 15px;
	padding: 5px 15px 5px 15px;
	font-family:font1;

	color: black;
	background-color: gold;
	border: none;
}
header button:hover{
	color: white;
	background-color: darkgrey;
}
nav a:last-child {
	margin-right: 0;
}
nav a:hover {
	color: gold;
	transition: 0.3s;
}
.hamburger, .cross {
	background: none;
	border: none;
	color: gold;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000000000000000000;
	cursor: pointer;
	outline: none;
}
.hamburger {
	font-size: 1.4em;
	line-height: 45px;
	padding: 5px 15px 0 15px;
}
.cross {
	font-size: 3em;
	line-height: 65px;
	padding: 2px 17px 0 15px;
}
@keyframes slidy {
	0% {left: 0%;}
	20% {left: 0%;}
	25% {left: -100%;}
	45% {left: -100%;}
	50% {left: -200%;}
	70% {left: -200%;}
	75% {left: -300%;}
	95% {left: -300%;}
	100% {left: -400%;}
}
div#slider {
	overflow: hidden;
	position: relative;
	border-bottom: 6px solid gold;
}
div#slider figure img {
	width: 20%;
	min-height: 400px;
	max-height: 700px;
	object-fit: cover;
	float: left;
}
div#slider figure {
	width: 500%;
	animation: 30s slidy infinite;
	position: relative;
}
#slider p {
	font-family: font1;
	text-shadow: -5px 5px 8px rgba(0,0,0,3);
	position: absolute;
	left: 10%;
	top: 30%;
	z-index: 999;
}
#slider p span{
	text-transform: uppercase;
	color: gold;
}
#banner2 {
	background-image: url(zid.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	height: 700px;
}
#jedan p{
	color: white;
	text-transform:;
	font-family: font2;
	font-size: 25px;
}
#jedan p span{
	color: gold;
	font-size: 22px;
	font-family: font1;
	text-transform: uppercase;
}
h2 {
	margin: 80px;
	margin-bottom: 120px;
	font-size: 45px;
	text-align: center;
	text-transform: uppercase;
	font-family: font1;
	color: gold
}
.kolone h3 { 
	margin: 15px 0;
	text-transform: uppercase;
	font-family: font1;
	font-size: 25px;
}
section#dva {
	padding-bottom: 50px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
section#dva img:hover{
	-ms-transform: scale(1.5);
 	-webkit-transform: scale(1.5);
  	transform: scale(1.5);
}
section#dva article{
	margin-top: 100px;
}
section#dva img{
	margin-top:20px; 
	width: 244.8px;
	height: 326.4px;
}
.kolone {
	text-align: center;
	font-family: font2;
	font-size: 16px;
}
.kolone span {
	text-transform: 25px;
	color: gold;
	font-family: font1;
}
.kolone ul {
	margin-top: 20px;
	list-style: none;
	line-height: 1.8em;
}
#jedan button{
	margin: 60px 0;
	padding: 10px 20px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	transition: 0.3s;
	background-color: gold;
	font-family: font1;
	font-size: 18px;
	color:darkgrey;
}
#jedan button:hover {
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	transition: 0.3s;
	color: white;
}
.kolone button {
	margin: 80px 0;
	padding: 10px 20px;
	border: none;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
}

.kolone button:hover {
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	transition: 0.3s;
}
form {
	margin-bottom: 150px;
	text-align: center;
	font-family: font1;
}
.contact-form {
	font-family: font1;
	margin-top: 35px;
}
#googleMap{
	position: relative;
	overflow: hidden;
	padding-left: 380px;
	padding-top: 80px;
}
@media screen and (max-width: 1000px){
#googleMap 
	{padding-left: 0px;}
.kontakt-info 
	{font-size: 16px;
	padding-left: 60px;
	padding-bottom: 30px;
	padding-right: 45px;}
}
.contact-link {
	color: gold;
}
@media screen and (min-width: 1000px){
.kontakt-info  
	{font-size: 26px;
	line-height: 1.3;}
}
label {
	text-transform: uppercase;
	font-family: font1;
}

input {
	display: block;
	background-color: #262533;
	width: 40%;
	margin: 15px auto;
	padding: 15px;
	border-radius: 25px;
	text-align: left;
	color: #fff;
	font-family: font1;
}

input[type="submit"] {
	background-color: gold;
	width: 15%;
	font-family: font1;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
	color: darkgrey;
}

input[type="submit"]:hover {
	width: 40%;
	transition: 0.3s;
	color: white;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	transition: 0.3s;
}
#gore button{
	background-color: gold;
	padding: 10px;
	color: darkgrey;
	border: none;	
	border-radius: 25px;
	font-family: font1;
	transition: 0.3s;
	text-align: center;
	display: block;
	margin: auto;
	width: 15%;
	margin-bottom: 60px;
	margin-top: 60px;

}
#gore button:hover {
	color: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
	transition: 0.3s;
	width: 32%;

}

@media screen and (min-width: 690px) {
	.hamburger, .cross {
		visibility: hidden;
	}

	.menu {
		display: block !important;
	}

	.menu a {
		display: inline-block;
		margin-left: 30px;
	}

	h1 {
		float: left;
	}

	nav {
		float: right;
	}

	[class*="col-"] {
		float: left;
	}

	.col-m-6 {width: 50%;}

	.kolone:nth-child(2), .kolone:nth-child(4), .kolone:nth-child(6),.kolone:nth-child(8), .kolone:nth-child(10), .kolone:nth-child(12), 
	.kolone:nth-child(14), .kolone:nth-child(16), .kolone:nth-child(18), .kolone:nth-child(20), .kolone:nth-child(22), .kolone:nth-child(24), 
	.kolone:nth-child(26), .kolone:nth-child(28), .kolone:nth-child(30), .kolone:nth-child(32), .kolone:nth-child(34), 
	.kolone:nth-child(36), .kolone:nth-child(38), .kolone:nth-child(40), .kolone:nth-child(42), .kolone:nth-child(44), .kolone:nth-child(46), 
	.kolone:nth-child(48), .kolone:nth-child(50), .kolone:nth-child(52), .kolone:nth-child(54), .kolone:nth-child(56), 
	.kolone:nth-child(58), .kolone:nth-child(60)
	{
	
		border-left: 2px solid gold;
	}
}

@media screen and (min-width: 1000px) {
	.col-l-3 {width: 25%;}
	.kolone:nth-child(3),.kolone:nth-child(7), .kolone:nth-child(11),.kolone:nth-child(15), .kolone:nth-child(19), .kolone:nth-child(23), .kolone:nth-child(27), .kolone:nth-child(31),
	.kolone:nth-child(35), .kolone:nth-child(39), .kolone:nth-child(43), .kolone:nth-child(47), .kolone:nth-child(51), .kolone:nth-child(55), .kolone:nth-child(59)
	{ border-left: 2px solid gold;}
}