@font-face {
    font-family: 'amiribold_slanted';
    src: url('amiri-boldslanted-webfont.woff2') format('woff2'),
         url('amiri-boldslanted-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body,html{
	background-color: #000;
	margin:0;
	height:100%;
	width: 100%;
	font-family: 'amiribold_slanted', serif;
	color:#fff;
	padding:0;

}
a:link, a:active, a:visited{
	color:#fff;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
.yellow{
	color: #fff22d;
}
#main{
	margin:0 auto;
	max-width: 1200px;
	width:100%;
	background: url('background_image-min.jpg') top center no-repeat;
	height: auto;
	background-size: cover;
	padding: 5% 0;
}

#logo{
	text-align: center;
}

#logo > img{
	width: 533px;
	height: auto;
}

#center{
	text-align: center;
	margin-top: 70px;
}

#center h1{
	font-size: 44px;
	margin:0;
}
#info_data {
	margin-top: 30px;
	display:block;
	text-align: center;
	line-height: 28px;
	font-size: 22px;
}

#open_hours{
	display:block;
	margin-top: 20px;
}
#open_hours span{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 22px;
	height: 20px;
	padding: 7px 0;
	margin:0;
}
/* RESPONSIVE */
@media only screen and (min-width: 960px) and (max-width: 1220px) {
	
	
}



/* Only tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {

}



/* Only phones */
@media (max-width: 767px) {
	#main{
	height: auto;
}

	#logo{
	text-align: center;
	}

	#center h1{
		font-size: 30px;
	}
	
	#logo > img{
		width: 460px;
		height: auto;
	}
	
	#info_data, #open_hours span {
	font-size: 18px;
	}

}


@media (max-width: 479px) {
	
	#center{
	text-align: center;
	margin-top: 30px;
	padding:0 1%;
	}

	#center h1{
		font-size: 28px;
	}
		
	#logo > img{
		width: 310px;
		height: auto;
	}	
	
}