*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}


nav{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 8%;
	display:flex;
	align-items: center;
	justify-content: space-between;
	
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: noborder;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex;
 
  height:700px;
  align-items:center;

  
}

li {
  border:noborder;
  margin:0.5em;
  padding:0.5em
}

nav ul li{
	list-style: none;
	display: inline-block;
  align-items:center;
	
}

nav ul li a{
	text-decoration: none;
	color: #432918;
	font-size: 17px;
	
}


.flex1 {
  order:1;
  flex-basis:30%;
  text-align:center;
}


.flex2 {
  order:2;
   flex-basis:30%;
   text-align: center;
   margin:2.1em;
   margin-top:10px;
   
}


.flex3 {
   order:3;
   flex-basis:30%;
   text-align:right;
}


.s1margina {
	
	margin: 20px 0px;
	text-align: center;
}


.logo3 img{
	width:150px; 
	margin:0px 0px 10px 0px;	
	text-align: center; 
}

.logo2 img{
	width: 250px;
	text-align: center;
}

.logo{
	width: 300px;
	text-align: center;
}

.logo1{
	width: 200px;
	text-align: center
}


.ikone{
	width: 20px;
	text-align: center;

}


.ikone2{
	width: 40px;
	text-align: center;

}

.content2{
	text-align: center;
	margin-top: 50px;

}



.content h1:hover{
	-webkit-text-stroke: 3px #00a552;
	color: transparent;
	

}



.h4{
	
	
		font-size: 18px;
	    color: a7aaac;
	    text-align: justify;
		line-height: 1.5;

}
.h5{
	
		color: #00a552;
		text-align: center;
		font-size: 18px;
	

}

p{
	
		color: a7aaac;
	    text-align: justify;
		line-height: 1.5;

}

.naslov{
	
		color: #00a552;
		text-align: center;
		font-size: 28px;
	

}

.naslov2{
	
		color: #00a552;
		text-align: center;
		font-size: 24px;
	

}






.galerija {
	text-decoration: none;
	display: inline-block;
	color: #00a552;
	font-size:20px;
	border: 4px solid #6d6e71;
	padding: 14px 70px;
	border-radius: 50 px;
	margin-top: 50px;
	text-align: center;


}

.content a:hover{
	-webkit-text-stroke: 3px #6d6e71;
	color: transparent;
	

}
.content h1{
	font-size: 45px;
	color: #a7aaac;
	font-weight: 600;
	transition: 0.5s;
	text-align: center;
	


}



.content h1:hover{
	-webkit-text-stroke: 3px #00a552;
	color: transparent;
	

}


.row{
	text-align: center;
	margin: 0px;

}

.content a{
	text-decoration: none;
	display: inline-block;
	color: #00a552;
	font-size:20px;
	border: 4px solid #6d6e71;
	padding: 14px 70px;
	border-radius: 50 px;
	margin-top: 50px;
	text-align: center;
  


}

.back-video{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;

}
.back-video2{/* -------------------------------------------------------------------------------ovo je dodano */
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
  height: 100vh;
  object-fit: cover;

}



/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 50%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin: 6px auto 16px auto; /* sve margine */

  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

.slideshow img {
  border-radius: 10px;
  width: 100%;
}

.slideshow2 img {
  border-radius: 10px;
  width: 70%;
}




.footertext {
  font-size: 14px;
  color: white;
  background-color: #6d6e71;
  height: 50px;
  padding-top: 15px;
  width: 100%;
  bottom: 0;
   text-align: center;
}

.margina_footer {
  /* margin:20px 0px 50px; */
}



footer {
  background-color: #6d6e71;
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 90px;
  overflow: hidden;
  text-align: center;
  line-height: 1.5;
}


footer mobile {
  background-color: #6d6e71;
  width: 100%;
 position: fixed;
  bottom: 0;
  height: 140px;
  overflow: hidden;
  text-align: center;
  line-height: 1.5;
}

.footertextmobile {
  font-size: 13px;
  color: white;
  background-color: #6d6e71;
  height: 150px;
  padding-top: 10px;
  width: 100%;
  bottom: 0;
   text-align: center;
    position: fixed;
}