body,html {
  font-family: Arial,sans-serif;
  font-size: 1.05em;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
  color: #000;
  background: #f5eeeb;
}

h1 { margin: 0; }   
h2 { margin: 0 0 1em; }   
a{
	color: #006699;
	text-decoration: none;
}
a:link{
	color: #660000;
	text-decoration: none;
}
a:visited{
	color: #663300;
	text-decoration: none;
}
a:hover{
	color: #880000;
	text-decoration: none;
}
img {
  max-width: 100%;
}
#wrap {
  max-width: 1000px;
  margin: 0 auto;
  background: #ffffff;
  position: relative;
} 

#header {
  padding-top: 15px;
} 

#header img {
  width: 95%;
  margin: auto;
  display: block;
}

#nav {
  padding: 10px 10px 18px 10px;
  text-align: center;
  border-bottom: 4px solid #e2dddb;
}
#nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   }
#nav li {
   display: inline;
   margin: 0;
   padding: 0;
}   

#front-primary {
  margin: 30px 30px 10px 30px;
}
#front-primary-headline {
  font-style: italic;
  font-size: 6vw;
  line-height: 8vw;
  margin-bottom: 20px;
}
#front-primary-slides img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #front-primary-headline {
    font-size: 4vw;
    line-height: 5vw;
  }
}

@media only screen and (min-width: 768px) {

  #front-primary {
    margin: 10px 30px 0px 20px;
    display: flex;
  }
  #front-primary-headlines {
    width: 26%;
    float: left;
    padding: 5px 2%;
    margin: 0px 3% 0px 1%;
    position: relative;
    flex: 1;
    border-bottom: 1px solid #e0c5c5; 
  }
  #front-primary-headline {
    font-size: 3vw;
    line-height: 1.25em;
  }
  #front-primary-headlines #dragon {
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 100%;
  }
  #front-primary-headlines #dragon img {
    width: 20%;
    height: auto;
    float: right;
  }
  #front-primary-slides {
    float: right;
    width: 62%;
  }
}

@media only screen and (min-width: 1000px) {
  #front-primary-headline {
    font-size: 30px;
  }
}

#call-to-action {
  margin-top: 15px;
  background: #ffffff;
}
#streetmap-container { 
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}

#streetmap {
  float:left;
  width: 100%;
  overflow: hidden;
  padding-bottom: 73%;
  position: relative;
  height: 0;
  max-height: 300px;
}
#streetmap iframe {
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
  position:absolute;
}

#open-hours {
  float:left;
  min-width: 240px;
  padding-left: 5%;
  margin-bottom: 30px;
}
#open-hours h3 {
  margin-top: 0;
}

.cols-1 #main,
.cols-2 #main {
  background: #ffffff;
}

.cols-1 #main {
  width: 93%;
  margin: 10px 4% 10px 3%;   
}

.cols-2 #main-content {
  clear:both;
}

@media only screen and (max-width: 767px) {
  .cols-2 #main,
  .cols-2 #sidebar {
    width: 93%;
    margin: 10px 4% 10px 3%;   
  }
  .cols-2 #sidebar {margin-top: 50px;}
}

@media only screen and (min-width: 768px) {

  #open-hours {
    width: 35%;
  }
  .cols-2 #main {
    float: left;
    margin: 25px 275px 0px 30px;
    overflow: auto;
    max-width: 695px;
  }
  .cols-2 #sidebar {
    position: relative;
    width: 220px;
    margin: 25px 20px 0px -255px;
    float: right;
    overflow: hidden;
  }
}

@media only screen and (min-width: 991px) {

  #streetmap-container { 
    width: 60%;
    float: left;
  }
  #streetmap iframe {
    max-width: 400px;
    max-height: 300px;
  }
}

#fb-badge {display:none;}
@media only screen and (min-width: 768px) {
  #fb-badge {display:block;}
}

#footer-region {
   clear: both;
}
#footer {
   background: #cccccc;
   padding: 5px 10px;
}
#footer p {
   margin: 0;
}   
* html #footer {
   height: 1px;
}   

.style2 {font-size: 12px}

#footer-front #return-front {display: none;}