@charset "UTF-8";
/* CSS Document */

body {
	margin-top:0; 
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
}

footer {
	display:inline-block;
}

h1 {
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
	color:#BE1E2D;
	text-align:center;
	text-shadow:0.6px 0.6px black;
	margin-top:0px;
	margin-bottom:0%;
	font-weight:bold;
	font-size:4rem;
	padding:0px;
}

h2 {
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
	color:#BE1E2D;
	text-align:center;
	text-shadow:0.6px 0.6px black;
	margin-top:0px;
	margin-bottom:5%;
	font-weight:bold;
	font-size:3rem;
	padding:0px;
}

h4 {
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
	color:#EF4E22;
	text-align:center;
	text-shadow:0.6px 0.6px black;
	margin-top:20px;
	margin-bottom:5%;
	font-weight:bold;
	font-size:2rem;
	padding:0px;
}

p {
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
	text-aligned:center;
	margin-left:5%;
	margin-right:5%;
	margin-top:5%;
	margin-bottom:5%;
	font-size:1.3rem;
}	

button {
  	display:inline-block;
	background-color:#8A8C8F;
 	border:none;
 	color:#BE1E2D;
 	padding:5px 5px;
	margin-top:17px;
	margin-bottom:17px;
 	text-align:center;
 	font-size:1.3rem;
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
 	cursor:pointer;
	float:left;
	margin-left:5%;
}

button:hover {
	background-color:#D4A18D;
	font-style:italic;
	transition:0.6s;
}

.welcome {
	text-align:center;
	font-size:3rem;
	padding:0px;
	margin-top:0%;
	margin-bottom:0%;
	margin-left:auto;
	margin-right:auto;
}

.family1 {
	display:block;
	width:80%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
}

.family3 {
	display:block;
	width:80%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
}

.group1 {
	display:block;
	width:80%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
}

.doors {
	display:block;
	width:80%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
}

.empty-restaurant {
	display:block;
	width:80%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
}

.manager {
	display:block;
	width:50%;
	height:50%;
	margin-left:auto;
	margin-right:auto;
}

.social {
	display:inline-block;
	align-content:center;
	height:40px;
	padding:1% 1%;
	margin-left:4%;
	margin-right:4%;
}

.index-logo {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-top:0%;
	margin-bottom:0%;
	padding:0%;
	height:90%;
	width:90%;
}

.logo {
	display:inline-block;
	float:right;
	padding:0;
	height:70px;
	margin-top:auto;
	margin-bottom:auto;
}

#index-background-box {
	background-color:#D7E4C2;
	opacity:0.8;
	display:inline-block;
	float:right;
	margin-right:0;
	margin-top:15%;
	margin-bottom:0;
	padding:2%;
	height:50%;
	width:50%;
}

#background-box {
	background-color:#D7E4C2;
	opacity:0.8;
	display:inline-block;
	float:right;
	margin-right:0;
	margin-top:15%;
	margin-bottom:0;
	padding:2%;
	height:50%;
	width:50%;
}

.map {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	padding:0%;
	height:75%;
	width:75%;
}

.menu-text {
	font-weight:normal;
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
	color:#000000;
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:20px;
}

.menu-pdf {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	padding:10px;
	height:95%;
	width:95%;
}

.drink-specials {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
	padding:10px;
	height:50%;
	width:50%;
}

#nav {
	margin-top:0;
	margin-left:0;
	margin-right:0;
	font-size:1.3rem;
	position:fixed;
	width:100%;
	z-index:1;
}

@media screen and (max-width:600px) {
  ul#nav li, 
  ul#nav li {float:left;}
}

ul {
    list-style-type:none;
	align-content:left;
	top:0%;
	width:100%;
	margin:0px;
    padding:0px;
    overflow:hidden;
    background-color:#41393D;
}

li {
    float:left;
}

li a {
    display:inline-block;
    color:#8A8C8F;
	font-family:"script/Majesti-Banner/Majesti Banner Medium";
	font-size-adjust:auto;
    text-align:center;
    padding:23px 23px;
    text-decoration:none;
	float:left;
	font-size:1.3rem;
}

.nav:hover {
    background-color:#BE1E2D;
	transition:0.6s;
	font-style:italic;
	cursor:pointer;
	padding:23px 23px;
}