/*INDEX*/







@media only screen and (max-width: 1024px){
	#konoba_danijela img{
		width:100%;
		margin-top:30%;
	}
}



@media only screen and (max-width: 1024px){
	#bar_danijela img{
		width:75%;
		margin-top:5%;
	}
}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 768px) 
and (orientation : landscape) { 
	#konoba_danijela img {
		margin-top:5%;
		width:90%;
	}
	
	#bar_danijela img {
		width:30%;
		margin-top:1%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	#konoba_danijela img {
		margin-top:1%;
		width:90%;
	}
	
	#bar_danijela img {
		width:50%;
	}
}

















/*BAR DANIJELA SLJEDI*/


















@media only screen and (max-width : 1024px){

	#nav a {
	padding-bottom:0px !important;
}
}

@media only screen and (max-width : 1024px){

	#nav a:hover {
	padding-bottom:0px !important;
}
}

@media only screen and (max-width : 1024px){

	#opis {
	width:90% !important;
}
}

@media only screen and (max-width : 1024px){

	#cont-form {
	margin-top:50px;
	width:90% !important;
	float:none;
	text-align:center;
}
}

@media only screen and (max-width : 1024px){

	#cont-form p{
	color:#fff;
	font-family: 'Karma', sans-serif;
	line-height:30px;
	font-size:21px;
	width:90% !important;
	margin:0 auto;
}
}

@media only screen and (max-width : 1024px){

	#event_content {
	width:75% !important;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:100px;
}
}

@media only screen and (max-width : 1024px){

	#eventi {
	float:none;
	width:100% !important;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
	
}
}

@media only screen and (max-width : 1024px){

	#eventi a{
	font-family: 'Karma', sans-serif;
	font-size:19px;
	color:#fff;
	font-weight:200;
	text-decoration:underline;
}
}

@media only screen and (max-width : 1024px){

	#proslo {
	float:none;
	width:100% !important;
	margin-top:40px;
	background:none !important;
	text-align:center;
}
}



@media only screen and (max-width : 1024px){

	
#proslo span img {
	width:100% !important;
	height:30% !important;

}
}

@media only screen and (max-width : 1024px){

	
#proslo img {
	width:30.8% !important;
	height:10% !important;
	border:1px solid #fff;
	
}
}












/*KONOBA DANIJELA SLJEDI*/



















@media only screen and (max-width : 1024px){

#content {
	border-radius:20px;
	box-shadow: 0px 28px 163px #000;
	width:90% !important;
	background:#fff;
	overflow:hidden !important;
	margin:0 auto;
	padding-bottom:200px; /* Height of the footer element */
}
}

@media only screen and (max-width : 1024px){

#dnevni {
	width:100% !important;
	float:none !important;
	font-family: 'Roboto Condensed';
	margin-top:40px;
	text-align:center;
	font-size:25px;
	font-weight:200;
	color:#7c040c;
}
}

@media only screen and (max-width : 1024px){

#jela {
	float:none;
	width:90% !important;
	z-index:10;
	position:relative;
	margin-top:30px;
	margin-left:10px;
	font-size:14px !important;
}
}

@media only screen and (max-width : 1024px){

#button_menu2{
	width:70% !important;
	position:relative !important;
	float:none !important;
	height:130px !important;
	box-shadow: 0px 0px 114px #000;
	margin-left:20% !important;
	margin:0 auto;
	margin-top:70px !important;
	border-radius:100px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('slike/konoba/4.jpg');
	background-size:100% 100%;
	font-family:'Roboto Condensed';
	font-size:39px;
	line-height:120px !important;
	color:#fff;
	text-align:center;
}
}

@media only screen and (max-width : 1024px){

#button_menu2 a{
	position:absolute;
	text-decoration:none;
	color:#fff;
	padding:0px 0px 0px 0px !important;
	border-radius:100px;
	height:130px;
	margin-left:-50% !important;
	width:100% !important;
}
}

@media only screen and (max-width : 1024px){

#unutar_content {
	margin-top:30px;
	width:100% !important;
	float:none;
}
}

@media only screen and (max-width : 1024px){

#slideshow { 
    position: relative; 
    width: 100% !important;
	height:200px !important;
    padding: 0px !important; 
    box-shadow: 0 0 50px rgba(0,0,0,0.4); 
}
}

@media only screen and (max-width : 1024px){

#slideshow img {
	width:100% !important;
	height:180px !important;
}
}

@media only screen and (max-width : 1024px){

#opis {
	font-family: 'Roboto Condensed';
	color:#7c040c;
	margin-top:50px;
	font-size:16px;
	margin-left:9%;
}
}

@media only screen and (max-width : 1024px){

#mapakonoba {
	margin-top:170px;
}
}