@charset "utf-8";



/* CSS Document */



body {



	margin:0px;



	padding:0px;



	background-color: #F6F6F6;



	font-family: 'Roboto', sans-serif;



}



.header {



	width:100%;



	background-color: #BDFFC8;



}











.vest {



	text-align: center;



}	







	











#map {



  height: 400px;



  /* The height is 400 pixels */



  width: 100%;



  /* The width is the width of the web page */



}



      



.mapa1 {



	



margin-left:5%;



	margin-right:5%;



	padding:5px;



	



}















.mapa {



	text-align: center;



	background-color: white;



	margin-left:10%;



	margin-right:10%;



	padding:10px;



	  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);







}







input[type=checkbox]{



 display: none;



} 







	.mapa frame {



		



		width:100%;



	}	



	

.txt {

	

	background: white;

	padding:30px;

	margin-left:20%;

		margin-right:20%;

}

	

.txt p {

	

	font-size:25px;

}

	







.tekst {



	float:right;



}



.proizvodjaci {



	



	padding:10px;



}



.content2 {



	



	background: white;



	margin-left:10%;



	margin-right:10%;



	padding:10px;



		  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);







}











* {box-sizing: border-box;}







input[type=text], select, textarea {



  width: 100%;



  padding: 12px;



  border: 1px solid #ccc;



  border-radius: 4px;



  box-sizing: border-box;



  margin-top: 6px;



  margin-bottom: 16px;



  resize: vertical;



}



input[type=email] {



	



	width: 100%;



  padding: 12px;



  border: 1px solid #ccc;



  border-radius: 4px;



  box-sizing: border-box;



  margin-top: 6px;



  margin-bottom: 16px;



  resize: vertical;



}







input[type=submit] {



  background-color: #04AA6D;



  color: white;



  padding: 12px 20px;



  border: none;



  border-radius: 4px;



  cursor: pointer;



}







input[type=submit]:hover {



  background-color: #45a049;



}











a {



 text-decoration: none;



}



li {



 list-style: none;



}







.navbar {



 display: flex;



 align-items: center;



 justify-content: space-between;



 padding: 20px;



 



 color: black;



}



.nav-links a {



 color: black;



}



/* LOGO */



.logo {



 font-size: 32px;



}



/* NAVBAR MENU */



.menu {



 display: flex;



 gap: 1em;



 font-size: 18px;



}



.menu li:hover {



 border-bottom: solid 2px green;



 border-radius: 5px;



 transition: 0.3s ease;



}



.menu li {



 padding: 5px 14px;



}



/* DROPDOWN MENU */



.services {



 position: relative; 



}



.dropdown {



background:  #BDFFC8;



 padding: 1em 0;

padding-right:35px;
margin-left:-80px;
 position: absolute; /*WITH RESPECT TO PARENT*/



 display: none;



 border-radius: 8px;



 top: 35px;



}



.dropdown li + li {



 margin-top: 10px;



}



.dropdown li {



 padding: 0.5em 1em;



 width: 8em;



 text-align: center;



}



.dropdown li:hover {



 background-color: #8BFF80;



}



.services:hover .dropdown {



 display: block;



}







input[type=checkbox]{



 display: none;



} 



/*HAMBURGER MENU*/



.hamburger {



 display: none;



 font-size: 24px;



 user-select: none;



}







.indexvesti {



	padding:10px;



	margin-left:25%;



	background: white;



	width:50%;



			  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);



}







/* APPLYING MEDIA QUERIES */



@media (max-width: 768px) {

	



.menu { 



 display:none;



 position: absolute;



 background: #BDFFC8;



 right: 0;



 left: 0;



 text-align: center;



 padding: 16px 0;



}



.menu li:hover {



 display: inline-block;



 background-color:#8BFF80;



 transition: 0.3s ease;



}



.menu li + li {



 margin-top: 12px;



}



input[type=checkbox]:checked ~ .menu{



 display: block;



}



.hamburger {



 display: block;



}



.dropdown {



 left: 50%;



 top: 30px;



 transform: translateX(35%);



}



.dropdown li:hover {



 background-color: #4c9e9e;



}



	



	.indexvesti {



		



		width:90%;



		margin-left:5%;



	}	



	



	



}