*{
	margin:0;
	padding:0;
}
#nav a
{text-decoration:none;
color:white;}

#nav {
	width:100%;
	border-bottom:1px solid black;
	background-color:black;
	padding:10px;
	margin:0;
	color:white;
	font-weight:900;
	
	
}
.lijevo { 
	width:5%;
	float:left;
	
}
.desno{
	text-align:right;
	padding-right:50px;
}
#podnozje  {
	width:100%;
	margin:0;
	background:black;
	padding:10px;
	color:white;
	position:fixed;
	left:0;
	bottom:0;
}

#sadrzaj
{
width:100%;

height:500px;
}
body{background :gray;
margin:0;
}
.sirina_33{
height:100%;
width:30%;
float:left;
margin:5% 1.5%;
border:1px solid black;
text-align:center;
}
.sirina_33 p, h1, h2{
	margin-top:20px;
}
.veza{
	color:white;
}
.clanak_img{
	width:100%;
	height:50%;
	margin:0;
	background-color:yellow;
}
#clanak
{
	
	width:80%;
	margin:5% auto;
	
}


/* 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%;
					  }
					}

					.respon_50{
					  float:left;
					  width:48%;
					  margin:10px 1%;
					}	

					@media screen and (max-width: 800px) {
					  .respon_50 {
						width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
					  }
					}