html,
body {
	margin:0;
	padding:0;
	height:100%;
	overflow-y:hidden;
	background-image:url('7.jpg');
	background-size:cover;
	-webkit-background-attachment:fixed;
	-moz-background-attachment:fixed;
	-ms-background-attachment:fixed;
	-o-background-attachment:fixed;
	background-attachment:fixed;
}
	
#zastave {
	width:100%;
	margin:0 auto;
	text-align:center;
}

@media screen and (max-width: 768px) {
		#zastave {
			margin-top:4%;
		}
}

#zastave img {
	width:3%;
}

@media screen and (max-width: 768px) {
		#zastave img {
			width:8%;
		}
}

#pocetak{
	position:relative;
	overflow:hidden;
	margin-top:15%;
	width:100%;
	height:280px;
	border-bottom:5px solid #fff;
	border-top:5px solid #fff;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .3);
}

@media screen and (max-width: 768px) {
		#pocetak {
		height:100%;
		margin-top:0px;
		border:none;
		}
}

#skupa {
	margin:0 auto;
	width:900px;
}

@media screen and (max-width: 768px) {
		#skupa {
		width:100%;
		}
}

#skupa > a :hover#roza {
	background:#fff;
}
#skupa > a :hover#blic {
	background:#fff;
}



#roza {
	margin-top:10px;
	height:200px;
	float:left;
	width:400px;
	border-bottom:2px solid #158fbf;
	border-top:2px solid #158fbf;
	margin-right:96px;
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .6);
	border-radius:70px;
	color:#202223;
}

@media screen and (max-width: 768px) {
		#roza {
		width:90%;
		margin-right:0px;
		margin-left:5%;
		}
}

#roza p {
	padding-top:50px;
	text-align:center;
	font-size:35px;
	margin:0;
}

@media screen and (max-width: 768px) {
		#roza p  {
		font-size:25px;
		}
}

#roza p span {
	font-size:60px;
}

@media screen and (max-width: 768px) {
		#roza p  span{
		font-size:45px;
		}
}

#blic {
	margin-top:10px;
	height:200px;
	float:left;
	width:400px;
	border-top:2px solid #158fbf;
	border-bottom:2px solid #158fbf;
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .6);
	border-radius:70px;
	color:#202223;
}

@media screen and (max-width: 768px) {
		#blic {
		width:90%;
		margin-right:0px;
		margin-left:5%;
		}
}

#blic p {
	padding-top:50px;
	text-align:center;
	font-size:35px;
	margin:0;
}

@media screen and (max-width: 768px) {
		#blic p  {
		font-size:25px;
		text-decoration:none;
		}
}

#blic p span {
	font-size:60px;
}

@media screen and (max-width: 768px) {
		#blic p  span{
		font-size:45px;
		}
}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 768px) 
and (orientation : landscape) { 
	#pocetak {
		height:100%;
		margin-top:0px;
	}
	#zastave {
		margin-top:2%;
	}
	
	#zastave img{
		width:5%;
	}
	
	#blic {
		height:30%;
	}
	
	#blic p {
		padding-top:2.5%;
	}
	
	#roza p {
		padding-top:2.5%;
	}
	
	#roza {
		height:30%;
	}
		
}

#clearfix {
	clear:both;
	display:block;
	height:1px;
}