@charset "UTF-8";

html {
  height: 100%;
  box-sizing: border-box;
}


body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;

 
}


@font-face{font-family: Majesti-Bold; src:url(fonts/Majesti-Banner-Bold.otf)}



.main-content{
  margin: 0 auto;
  padding-top: 64px;
  max-width: 3000px;
  width: 94%;
}

.main-about-content {
	
  margin: 0 auto;
  padding-top: 64px;
  max-width: 3000px;
  width: 94%;	
	
}

.main-menu-content {
 margin: 0 auto;
  padding-top: 64px;
  max-width: 3000px;
  width: 94%;		
	
}

.main-contact-content {
 margin: 0 auto;
  padding-top: 64px;
  max-width: 3000px;
  width: 94%;	
  overflow: hidden;
	
}

.main-reservations-content {
	
  margin: 0 auto;
  padding-top: 64px;
  max-width: 3000px;
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
	
	
	
}

h1 {color: #be1e2d;
font-family: Majesti-Bold;
text-align: center;}  

h2 {color: #be1e2d;
font-family: Majesti-Bold;}  

header {
            background-color:#41393d;
          
        }  

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #be1e2d;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


li a:hover {
    background-color: #41393d;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	overflow: hidden;

	
}

li {
    float:left;
	position: relative;

	
}

a {
    display: block;
    padding: 10px;
    background-color: #be1e2d;
	color: white;
}

a:link {
	text-decoration: none;
	
}


.fling-minislide {width:600px; height:750px; overflow:hidden; position:relative; }
.fling-minislide img{ position:absolute; animation:fling-minislide 30s infinite; opacity:0; width: 100%; height: auto;border-radius:25px;}
.fling-minislide {display: block; margin-left: auto; margin-right: auto; width: 75%;}

@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}} 
.fling-minislide img:nth-child(3){animation-delay:0s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:20s;}

.footer { 
	position: absolute; 
	right: 0;
	bottom: 0;
	left: 0;
    background-color:#41393d ;
    color: white;
    margin: auto;
    width: 100%;
    padding: 10px;
	text-align: center;
	font-family: Majesti-Bold;

}

.nav{font-family: Majesti-Bold;}

.welcome {
	text-align: center;
	margin: auto;
    width: 100%;
    padding: 10px;
	right: 0;
	bottom: 0;
	left: 0;
}

.Town-Menu {
	border: 10px solid #be1e2d;
	border-radius: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 	90%;}
	
.Town-Map {
	display: block;
	margin-left: auto;
	margin-right: 75px;
	margin-top: 10px;
	width: 40%;
	float: right;}

.reservation-entry{
	
}
.contact-info{
	float:left;
	text-align:center;
	background-color: #be1e2d;
	color: white;
	font-family: Majesti-Bold;
	padding: 10px;
	border-radius:25px;
	width: 40%;
	margin-left:75px;
	height: 375px;
	
	
}


form {
	background-color: #be1e2d;
	padding: 50px;
	border-radius:25px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-family: Majesti-Bold;
	color: white;

}

.contact-header {
	color:white;
}

input{
	width:200px;
	height:450;
}