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

header{
	position: relative;
	height: 3em;
}

header img{
	height: 1.5em;
}

header span{ display:none; }

.thumbs{
	display: none;
}

nav{
	text-align: center;
	z-index: 30;
}

.menu{
	position: relative;
	left: 0 !important;
	display: inline-block;
	vertical-align: baseline;
	width: 7.8vw;
}

.section_title{
	position:relative;
	top: 0;
}

.content_zone{
	height: 100%;
	background-size: cover;
}

.content:target{
	width: 100vw;
	left: 0;
	top: 3em;
	padding: 0;
	margin: 0;
	background: rgba(0,0,0,0.5);
}

.content .frame{
	padding: 3px 3px 3em 3px;
	margin: 0;
	width: 100%;
}

.services{
	white-space: normal;
}

.vers_photos{display:none;}

.menu_photo{
	display: block;
	margin: 2px auto;
	width: 80%;
	height: auto;
}

.menu_photo .photo_mini{
	width: 100%;
	height: auto;
}

.menu_photo .photo{display:none;}

#reservation{
	height: 87%;
}

#reservation .box{
	margin: 0;
	width: 100%;
	height: 100%;
}

.datepickershow{display:none;}

}