@font-face {
    font-family: "s";
    src: url('./f/s.ttf');

    font-weight: normal;
    font-style: normal;

}

.opening-hours-title {
/* 	text-decoration: underline; */
	font-weight: bold;
	
}


table {
	margin:0 auto;
	font-size: 0.8rem;
	margin-bottom: 2rem;
	
}

td.title {
	padding:0.4rem 1rem;
	font-weight:bold;
	text-align: center;
	
}

td.spacer {
	padding-bottom:0.6rem;
}

html, body {

	width:100%;
	height:100%;


	background:rgb(147,189, 168);
	padding:0;
	margin:0;
	overflow: visible;
	font-family: "s",serif;
	color:#222222;

}

a {
	color:#222222 !important;

}

textarea, input, button { outline: none; }

a, :visted, :hover, :active {
	color:#222222 !important;
	text-decoration: none;
}

::selection {
  background: rgb(147,189, 168);/* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgb(147,189, 168); /* Gecko Browsers */
}

div.top-image {


	display:block;
	width:520px;
	min-height:120px;
	height:300px;
	margin:2rem auto 3rem auto;

}
div.top-image img {

	display:block;
	width:100%;
	max-width: 550px;
	border:1px rgba(96, 96, 96, 0.35) solid;
}

div.menu-image {


	display:block;
	width:90px;
	min-height:120px;
	height:60px;
	margin:0.5rem auto 3rem auto;

}
div.menu-image img {

	display:block;
	width:100%;
	max-width: 550px;
	border:1px rgba(96, 96, 96, 0.35) solid;
}


div.logo {


	display:block;
	width:300px;
	mix-blend-mode: multiply;
	min-height:120px;
	height:120px;
	margin:1rem auto 3rem auto;

}

div.logo img {

	display:block;
	width:100%;
	mix-blend-mode: multiply;

}

.page-wrapper {
	    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
/*
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
*/

		height:100%;
		width:100%;

}

.page-content {
	display: block;
	height:auto;
	width:auto;
	width:520px;

}

.socials {
	text-align: center;
	margin:1rem 1rem;
}

.socials i {
	margin:0.2rem;
	font-size:1rem;
	text-shadow: 1px 1px 1px rgba(153, 153, 153, 0.5);
}

.text {

	font-family: "s",serif;
	margin:1rem 1rem;
	text-align: center;
	padding:0px 0px;
	font-size:0.9rem;
}

.menu {

	font-family: "s",serif;
	margin:0.2rem 1rem;
	text-align: center;
	padding:0px 0px;
	font-size:0.9rem;
	text-decoration: underline;
}

div.featured-text {
	font-size:1.4rem;
	margin-bottom:1.5rem;
}

form, div.email-sign-up {
	width:100%;
	padding:0px !important;
	margin-top:2rem;
	margin-bottom:4rem;
	background: rgba(255, 255, 255, 0) !important;
	width:100%;
	position: relative;
	display: block;
	text-align: center;
}

input {
	width:100%;
}

input[type="email"]{
	border-radius: 0 !important;
	padding:10px;
	text-transform: uppercase;
	background:rgba(194, 225, 210, 1);
	color:#222222;
	letter-spacing: 0.1rem;
	border:1px solid #222222 !important;
	display: inline-block;
	width:calc(100% - 22px) !important;
	margin-bottom:0rem;
	margin-top:0rem;
	margin:0px auto !important;

}


input[type="submit"]{
	border-radius: 0 !important;
	border:1px solid #222;

	padding:10px;

	letter-spacing: 0.1rem;
	text-transform: uppercase;
	background:#222222 !important;
	color:white;
	width:220px !important;
	font-weight: bold;
	display: inline-block;
	margin-top:0rem;
	font-size:0.8rem !important;
	width:100% !important;
	margin:0px auto !important;

}


#mc_embed_signup_scroll {
	background: rgba(255, 255, 255, 0) !important;
	width:calc(100% - 160px) !important;
	text-align: center;
	padding:0px 80px;
	position:relative;
	display:block;
}

div.block {
	width:48%;
	float:left;
	
}

div.wide-block {
	float:auto;
	width:100%;
	max-width: 420px;
	margin:0 auto;
}