
<style>	


a {
	font-size: 1vw;
	font-weight: bolder;
	color: #BE1E2D;
	background-color: transparent;
	}

/* unvisited link*/
a:link {
	font-size: 1vw;
	font-weight: bolder;
    background-color:transparent;
    color: #d7e4c2;
    padding: 14px 25px;
    text-align: center; 
    text-decoration: none;
    display:inline-block;
	
	}
    
/* 	hover link*/
a:hover {
	
	font-weight: bolder;
	background-color:transparent;
    color: #BE1E2D;
    padding: 14px 25px;
    text-align: center; 
    text-decoration: none;
    display:inline-block;
	}
	
/* current link */	
a:current{
	font-size: 1vw;
	font-weight: bolder;
	background-color:transparent;
    color: #BE1E2D;
    padding: 14px 25px;
    text-align: center; 
    text-decoration: none;
    display:inline-block;
	}

body{
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-image: url(images/cranes.png);
	background-size: 70%;
	background-color: #41393d;
	max-width: 100%;
	perspective-origin: center
	
	
	}


 /* about */
	.about{
	align-content: center;
	max-height: 50%;
	max-width: 100%;
	padding-bottom: 5%
	}

	p{	
    color: #8a8c8f;
    font-family: merriweather;
    font-size: 1.5vw;
	text-align:justify;
	padding-right: 55%;
	padding-left: 6%;
	position: static;
	}
	   
	.house {
	box-shadow: -20px 20px 80px 1px #000;	
	display: block;
	max-width: 45%;
	max-height: 45%;
	float: right;
	margin-right: 2%;
	}


/* about */

/* menu */

	.menu{
	width: 95%;
}

	.sushi{
	max-width: 30%;
	max-height: 30%;
	float: left;
	margin-left: 5%;
	margin-top:5%;
	
		
	}
	
	.tag{
	font-weight: bold;
	display: inline-flex;
	color: #ef4e22;	
    font-family: merriweather;
	font-size: 1.8vw;
	text-align: center;
	float: right;
	margin-right: .8%
}

	.tag1{
	display: inline-flex;
	color: #8a8c8f;
    font-family: merriweather;
	font-size: 1.6vw;
	text-align:justify;
	padding-left: 5%;
	padding-right: 2%;
	
	}

	.food{
	flex-wrap: wrap;
	padding-top: 3%;
	padding-left: 9%;
	width: 20%;
	color: #8a8c8f;
    font-family: merriweather;
	font-size: 1.4vw;
	display: inline-flex;
	text-align: center;
	}

	.th{
	font-weight: bold;
	text-decoration: underline;
	}
	.tr{
	padding: 2%
	
}
	

/* menu */

/*index*/
	
	.welcome{
	max-height: 100%;
	max-width: 100%;
	margin-top: 2%;	
	float: center;}
	
	h1{
    color: #BE1E2D;
    font-family: Majesti Banner;
	font-weight: bold;
	font-size: 3.8vw;
	text-align: center;
	}

	.path{
	box-shadow: -20px 20px 80px 1px #000;
	max-height: 95%;
	max-width: 95%;
	align-content: center
			
	}

/*index*/

/*contact*/

/* Style the submit button with a specific background color etc */
input[type=submit] {
	font-size: .9vw;
	padding: .5%;
    background-color: #4CAF50;
    color: white;    
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}

/* Add a background color and some padding around the form */
.contact {
	max-height: 85%;
	border-radius: 10px;
	max-width: 55%;
	font-family: merriweather;
	font-weight: bolder;
	font-size: 1.2vw;
   	
} 

/*contact*/

/*events*/
* {box-sizing:border-box;}
ul {list-style-type: none;}
body {font-family: merriweather;}

.cal{
	margin-left: 20%;
	margin-top: 5%;
	margin-bottom: 2%;
}
.month {
    padding: 3% 3%;
    max-width:80%;
	max-height: 75%;
    background: #d7e4c2;
}

.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    color: white;
    font-size: 2vw;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.month .prev {
    float: left;
    padding-top: 10px;
}

.month .next {
    float: right;
    padding-top: 10px;
}

.weekdays {
	max-width:80%;
    margin: 0;
    padding: 10px 0;
    background-color: #ddd;
	font-size: 1vw;
}

.weekdays li {
    display: inline-block;
    width: 13.6%;
    color: #666;
    text-align: center;
}

.days {
	max-width:80%;
    padding: 10px 0;
    background: #eee;
    margin: 0;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    margin-bottom: 5px;
    font-size: .8vw;
    color: #777;
	padding: 4%
}

.days li .active {
    padding: 5px;
    background: #ef4e22;
    color: white !important
}



/*events*/
	.footer{
	position: relative;
	max-height: 10%;
	max-width: 95%;
	margin-top: 2%;

	}	
	
	.sitemap{
	font-size: .9vw;
	float: right;
	background-color: transparent;
	padding-bottom: 3%
	}

	.address{
	position: inherit;
	font-size: .9vw;
	align-content: center;
	padding-top: 10%;
	padding-left: 24%;
	text-align: center;
	font-family: merriweather;
	}

	.social{
	float: left;		
	max-width: 15%;
	background-color: transparent;	
	position: absolute;
	padding-bottom: 3%
	}
	

</style>