html {min-height:100%; position:relative;}

body{background-image: url(images/Background.jpg); background-color: black; background-size: cover; background-attachment:fixed; background-position:left; background-repeat: no-repeat; margin:0; padding:0;  display: flex; flex-direction: column; min-height: 100vh;}  
	  
.intro-home {margin: 0 auto; padding:5px 0px 15px 0px; max-width:90%; min-width: 225px; text-align:center;}
.intro-home-space {margin: 0 auto; min-height:25px; max-width:90%; min-width: 225px; text-align:center;}
.intro-home p {font-family: "athelas"; color:white; line-height: 1.25em; text-shadow: 1px 1px black; border:none; }

.logo {margin: auto; padding: 15px 0px; text-align: center; max-width: 600px; min-width: 225px;}

/*** content */

.content {margin: 0 auto 10px; text-align:center;}
h3{color: #be1e2d; text-shadow:black 1px;}
h4 {color: white; text-shadow:black 1px;}


/*** Navigation */

.nav ul {list-style: none;  text-align: center; padding: 10px 0px 0px 0px; margin: 0;}
.nav li {font-family: "athelas";   font-style: normal;   font-weight: 700;   line-height: 20px;   height: 20px;   padding: 1px; }
.nav a {text-decoration: none;   color: #fff;   display: block;   transition: .3s;   background-color: #be1e2d;   }
.nav a:hover {color: #be1e2d; background-color: transparent;}
.nav a.active {background-color: #41393d; cursor: default; color:white;}
 
@media screen and (min-width: 600px) {
  .nav li {width: 150px; border-bottom: none; height: 75px; line-height: 50px; font-size: 1.5em;}
  .nav li {display: inline-block; margin-right: -4px;} }
  
 /*** Footer */
 
footer {bottom:0; left: 0; background-color: #090909; text-align:center; width:100%; margin-top: auto;}
.footer-inside {margin: auto; width: 100%; color:white; font-family: "athelas"; display:inline-block; padding: 15px 0px;}
.foot-center{display: inline-block; margin: auto; padding: 5px 20px; text-align: center; vertical-align:middle;}
.foot-left {display: inline-block; margin: auto; padding: 5px 20px; text-align: center; vertical-align:middle;}
.foot-right {display: inline-block; margin: auto; padding: 5px 20px; text-align: center;vertical-align:middle;}
.foot-icons {display:inline-block; text-align:center;}

/*** Reserve Button */

.reserv-button-foot {width:150px; line-height: 35px; text-align:center; font-family:"athelas"; color:white; background-color:#be1e2d; border-radius:2px;} 
.reserv-button-foot a {text-decoration:none; color:white;}

/*** Home Page */
.home-menu-wrap {width:100%; margin: 10px 0px 0px 0px; text-align:center;}
.home-menu-img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: .3s; }
.home-menu-img img {width:100%; height: auto; padding:25px 0; }
.home-menu-img:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); transition: .3s; }
.home-menu-desc {padding: 10px;text-align: center; box-sizing:border-box; color:white; font-weight:600; background-color:#be1e2d; font-size:1.75em;}
.home-responsive-menu {padding: 0 10px; display:inline-block; min-width:150px;}

@media only screen and (max-width: 600px){
    .responsive-menu {width: 50%; margin: 5px 0;}}

.clearfix:after {content: ""; display: table; clear: both;}

/*** Menu Page */
.menu-wrap {width:90%; margin: auto; overflow:auto;}
.menu-img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: .3s; padding-bottom:10px; }
.menu-img img {width:100%;height: auto; }
.menu-img:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); transition: .3s; color:white; background-color:#be1e2d;}
.menu-desc {padding: 15px 5px;text-align: center; box-sizing:border-box; color:white;;}

.responsive-menu {padding: 0 6px; display:inline-block; min-width: 100px;}

@media only screen and (max-width: 600px){
    .responsive-menu {width: 70%; margin: 6px 0;}}

.clearfix:after {content: ""; display: table; clear: both;}

/*** Events Page */

.events-menu-wrap {width:100%; margin: auto; overflow:auto;}
.intro-home-events {margin: 0 auto; padding-bottom:10px; max-width:90%; min-width: 225px; text-align:center;}
.intro-home-events p {font-family: "athelas"; color:white; line-height: 1.25em; text-shadow: 1px 1px black; border:none; }
.intro-home-events a:link {text-decoration: none; color:#be1e2d;} .intro-home-events a:visited {text-decoration: none; color:#be1e2d;}
.event-menu-desc {padding: 10px 0; padding-left: 10px; text-align: left; line-height:1.25em; box-sizing:border-box; color:white; min-height: 75px;}

/*** Contact Form */
.intro-contact {margin: 0 auto; padding-bottom:10px; max-width:80%; min-width: 225px; text-align:center;}
.intro-contact p {font-family: "athelas"; color:white; line-height: 1.25em; text-shadow: 1px 1px black; border:none; }
.map-wrap {width:80%; min-width: 200px; margin: auto; overflow:auto; padding-bottom: 10px;  font-family: "athelas"; text-align:center;}
.form-wrap {width:40%; min-width: 200px; margin: auto; overflow:auto; padding-bottom: 10px;  font-family: "athelas"; text-align:left;}
input[type=text], select {width: 100%;padding: 3px 6px; margin: 8px 0;box-sizing: border-box;border: 1px solid #ccc;-webkit-transition: 0.5s;transition: 0.5s; outline: none;}
input[type=submit] {width: 100%; background-color: #be1e2d;color: white;padding: 14px 20px;margin: 8px 0;border: none;border-radius: 2px;cursor: pointer; text-align: center;  font-family: "athelas"; font-size: 1.25em;}
input[type=submit]:hover {background-color: white; color: #be1e2d;font-weight: 700;}
input[type=text]:focus {border: 3px solid #555;}    
#contact-form {border-radius: 5px;background-color:transparent;padding: 20px;font-weight: 700; color: white; }

iframe {padding: 0 0 30px 0; margin: auto; display:inline-block;} 

/*** About Page */

.about-wrap {width:100%; margin: auto; }
.about-img { -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -o-filter: grayscale(90%); transition: .3s; padding-bottom:10px; }
.about-img img {width:100%;height: auto; }
.about-img:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); transition: .3s; color:white; background-color:#be1e2d; }
.about-desc {padding: 15px 5px;text-align: center; box-sizing:border-box; color:white;}

.responsive-about {padding: 0 6px; display:inline-block; min-width: 100px;}

@media only screen and (max-width: 600px){
    .responsive-about {width: 70%; margin: 6px 0;}}