html {
background-color: #000000;
font-family: 'Arial Narrow', Arial, sans-serif; 
  padding: 0;
  margin: 0;
}

body {
background-color: #000000;
}

p {
font-size: 100%;
color: #000000;
}

#outer-container {
width: 100%;
background-color: #000000;
}

#header {
width: 100%;
background-color: #000000;
color: #ffffff;
}

#logo_full{
  width: 100%;
  background-color: #000000;
color: #ffffff;
} 

#logo{
width: 32%;
float: left;
background-color: #000000;
color: #ffffff;
  text-align: right;
}

#hours {
  
  float: right;
background-color: #000000;
color: #ffffff;
  text-align: left;
  padding-right: 5%;
}


#menu {
float: right;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
padding-right: 5%;
}

#menu ul {
list-style-type: none;
}

#menu li {
display: inline;

}

#menu a {
text-decoration: none;
color: #ffffff;
}




#content-container {
width: 100%;
background-color: #ffffff;
float: left;
}

#content-container h1 {
font-size: 200%;
text-transform: uppercase;
color: #ffffff;
}

#content-container h2 {
font-size: 170%;
text-transform: uppercase;
color: #ffffff;
}

#content-container h3 {
font-size: 400%;
text-transform: uppercase;
color: #000000;
text-align: center;
padding-bottom: 0px;
margin-bottom: 0px;
}


#content {
width: 70%;
margin: 0 auto;
background-color: #ffffff;
}

#content h1 {
font-size: 200%;
text-transform: uppercase;
color: #000000;
}

#content h2 {
font-size: 300%;
text-transform: uppercase;
color: #000000;
  text-align: center;
}

#content h3 {
font-size: 100%;
text-transform: uppercase;
color: #000000;
text-align: left;
padding-bottom: 0px;
margin-bottom: 0px;
}

#lower-content {
width: 100%;
background-color: #000000;
color: #ffffff;

}

#lower-content h3 {
font-size: 500%;
text-transform: uppercase;
color: #ffffff;
text-align: center;
padding-bottom: 0px;
margin-bottom: 0px;
}

#footer {
width: 100%;
background-color: #ffffff;
color: #000000;
float: left;
}

#footer a {
text-decoration: none;
}

#footer h3 {
font-size: 500%;
text-transform: uppercase;
color: #000000;
text-align: center;
padding-bottom: 0px;
margin-bottom: 0px;
}

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 200%;
  background: #000000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #ffffff;
color: #000000;
border: thin solid black;

  text-decoration: none;
}

.btn1 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 200%;
  background: #000000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn1:hover {
  background: #ffffff;
color: #000000;
border: thin solid white;

  text-decoration: none;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  border: none;
}

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 10px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #000000;
}

#content .moduletable h3 {
  font-size: 500%;
text-transform: uppercase;
color: #000000;
text-align: center;
padding-bottom: 0px;
margin-bottom: 0px;
 
}

.jp-accordion-item li {
  list-style-type: none;
}

#popup {
  position: absolute;
  z-index: 10000;
}

.mfp-wrap {
z-index: 10000;
}

.mfp-bg {
z-index: 10000;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
  .responsive table, thead, tbody, th, td, tr {display: block;}
}