@font-face {
  font-family: edmunds;
  src: url(fonts/edmunds.ttf) format(opentype);
}
@font-face {
  font-family: oldtown;
  src: url(fonts/oldtown.ttf) format(opentype);
}
 @font-face {
  font-family: marlboro;
  src: url(fonts/marlboro.ttf) format(opentype);
}
  @font-face {
  font-family: rancho;
  src: url(fonts/rancho-regular.ttf) format(opentype);
}

body {
  background: url("images/background.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  color: Cornsilk;
  font-family: Arial, sans-serif;
}

/* ------------------------------__  HEADER Content  __------------------------------ */
#header-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  width: 100%;
}
#navbar {
  background-color: rgba(0,0,0,0.75);
  border: 6px solid Chocolate;
  border-radius: 32px / 96px;
  box-shadow: 0px 0px 0.5em 0.25em black;
  display: block;
  font-family: rancho, san;
  font-size: 1.75em;
  list-style-type: none;
  margin: 12px auto 0 auto;
  max-width: 1280px;
  padding: 0;
  overflow: hidden;
  text-align: center;
  width: 95%;
}
#navbar li {
  border: 2px solid chocolate;
  border-radius: 24px;
  display: inline-block;
  margin: 0.5em;
  overflow: hidden;
  vertical-align: middle;
  width: 8em;
}
#navbar  #navbar-home {
  border: 4px solid chocolate;
  font-size: 1.25em;
  margin: 0.5em 0.75em;
}
#navbar .navbar_wide {
  width: 10em;
}
#navbar a:link, a:visited {
  background-color: SaddleBrown;
  color: Cornsilk;
  display: block;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
#navbar a:hover, a:active {
  background-color: sienna;
}

/* ------------------------------__  BODY Content  __------------------------------ */
#body-content_main {
  background-color: rgba(0,0,0,0.75);
  border: 4px outset chocolate;
  border-radius: 32px;
  box-shadow: 0px 0px 2em 0.25em black, 0px 0px 0.5em 0.25em black inset;
  font-family: rancho;
  margin: 4em auto 4em auto;
  max-width: 1280px;
  text-align: center;
  width: 95%;
}
#body-content_main h1 {
  border-bottom: 4px solid silver;
  border-radius: 50%;
  font-size: 4em;
  margin: 0em 1em 0em 1em;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 0 16px black, 0 0 32px black, 0 0 48px black;
}
#body-content_main h2 {
  border-bottom: 2px solid silver;
  border-radius: 50%;
  font-size: 3.5em;
  margin: 0em 0.5em;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 0 0 16px black, 0 0 32px black, 0 0 48px black;
}
#body-content_main p {
  font-size: 1.85em;
  margin: 0.75em 0.65em;
  text-shadow: 0 0 8px black, 0 0 32px black, 0 0 48px black;
}
#body-content_main p .emphasis{
  color: NavajoWhite;
  font-style: italic;
  text-decoration: underline;
}
#body-content_main p .emphasis_2{
  color: NavajoWhite;
  font-size: 1.25em;
  text-decoration: underline;
}
#body-content_main p .emphasis_3{
  color: NavajoWhite;
  font-size: 1.5em;
  text-decoration: underline;
}
/* ------------------------------__  FOOTER Content  __------------------------------ */
#contact, #hours {
  background-color: rgba(0,0,0,0.75);
  border: 4px solid chocolate;
  border-radius: 36px;
  box-shadow: 0px 0px 2em 0.25em black;
  font-size: 1.25em;
  margin: 0 auto 1em auto;
  max-width: 1280px;
  padding: 0 0.1em 0.2em 0.1em;
  width: 95%;
}
#contact_header, #hours_header  {
  font-family: rancho, sans-serif;
  border-bottom: 4px solid grey;
  border-radius: 12px;
  font-size: 2.5em;
  text-align: center;
  text-shadow: 0 0 16px black, 0 0 32px black, 0 0 48px black;
}
#hours_subheader {
  font-size: 1.25em;
  font-weight: bold;
}
.contact_maincol, .hours_maincol {
  font-weight: bold;
  padding-left: 1em;
  text-align: center;
}