body {margin:0;
		font-family: 'Josefin Sans', sans-serif;
		background:#eeeeee;}
		

.topnav {
  overflow: hidden;
  background-color: #996666;
  font-family: 'Josefin Sans', sans-serif;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: 'Josefin Sans', sans-serif;
}

.active {
  background-color: #660066;
  color: white;
}

.topnav .icon {
  display: none;
}



.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #660066;
}


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

#sadrzaj_index{
	padding:0;
}

h1{
	text-align:center;
}

.respon_33{
	width:31.2%;
	background:#ffffff;
	min-height:300px;
	float:left;
	border:solid black 0px;
	margin:1%;
	box-shadow: 5px 10px 20px #777;
}

.gornji{
	height:300px;
	padding:0px;
	margin:10px;
	float:center;
	background-color:white;
	background-image:url('slike/news-event.jpg');
	background-size:cover;
	box-shadow: 5px 10px 20px #777;
}

#podnozje
{
	
	margin:100px 100px;
}


/* kartica index */	

					.card {
					  float:left;
					  width: 23%;
					  min-height:290px;
					  margin:1%;
					  text-align: center;
					  padding-bottom:10px;
					  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); 
					  opacity:1;  
					}

					.card h2{
						color:#555;
						font-size:16px;
						font-weight:800;
						margin:2px 5px;
					}

					.card p{
						color:#555;    
						font-size:13px;
						margin:5px;
					}


					.card:hover {	
					  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
					  opacity:0.6;
					}

					@media screen and (max-width: 800px) {
					  .card{
						width: 94%;
						margin:0 3% 20px 3%;
					  }
					}