@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli-Bold';
    src: url('fonts/Muli-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Calligraffiti';
    src: url('fonts/Calligraffiti.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.flex-container {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
}
/*
.flex-item {
   flex: 1 auto;
}
*/
.flex-stack {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

body, h1 {
 padding: 0;
 margin: 0;
 font: normal 100% 'Muli', Georgia, Helvetica, Times, serif;
}

h2, h3, p { padding: 0 2%; }

body {
  background-color: #FFF;
  /* margin: 1% auto;
  width: 95%;  */
}

header {
  background-color: wheat;  /* rgba(0,100,0,.2);  */
  background: linear-gradient(to right, rgba(255,255,255,.6), rgba(255,255,255,.4) 50%), url(images/old_map.png);
  background-repeat: repeat;
  width:100%;
}

/*
.tile {
    width: 65px;
    float: left;
    margin: 1px;
    box-shadow: none;
    max-width: 100%;
}
ul.tile-img-list {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
}
#tileimg-set1 {
    display: block;
}
#tileimg-set2 {
    display: none;
}
#tileimg-set3 {
    display: none;
}
*/

.main-nav ul {
    background-color: rgba(0,100,0,.2);
    width: 100%;
    margin:  0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
  }

.main-nav  a {
    padding: 0.3em 0.8em;
    max-width: 8.75em;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    color: sienna;
}
.main-nav  ul li {
   font-size: 1.2em; }

.main-nav a:hover {
   color: darkgreen;
}

.minibanner {
    clear: both;
    background-color: rgba(0,100,0,.2);
    width: 100%;
    color: sienna;
    padding: 8px;
    text-align: left;
    font-size: 1.2em;
  }

.c1 { width: 100% }
img { max-width: 100% }

#tilebanner { width: 100% }
.banner {
   width: 100%;
   box-shadow: none;
   margin: 0;}
   
.banner-announcement {
   padding: 10px 20px;
   color: sienna;
   font-size: 1.2em;
   font-style: italic;
}

h1 {
  font: bold 3.0em 'Calligraffiti', Georgia, Helvetica, Times, serif;
  text-align: center;
  letter-spacing: 4px;
  color: sienna;
  padding: 2%;
}
h2 {
  font: normal 1.5em 'Muli', Georgia, Helvetica, Times, serif;
  color: sienna;
  clear: both;  /* new */
}
h3 {
  font: normal 1.1em 'Muli', Georgia, Helvetica, Times, serif;
  color: sienna;
}

p {
   font-size: 1.1em;
}
.dirs {
   font-size: 1.0em;
   }

a,  a:link {
  color: sienna;
  font-size: 1.1em;
  text-decoration-thickness: .07em;
  text-underline-offset: 2.5px;
 }
a:hover { text-decoration: underline;}

/*
#bigcontainer {
    padding: 0 20px;
} */

ul.simplelist {
   list-style-type: none;
   text-decoration: none;
}
.underline {
   text-decoration:underline;
}

ul li {font-size: 1.2em;}

.caption {
   text-align: left;
   font-size: 1.0em;
   margin-top: 0;
   margin-left: 30px;
}
img {
  max-width: 100%;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 5px sienna;
  margin: 10px 10px 5px 10px;
}

.clear {clear: both;}

ul.nostylelist {
   list-style-type:none;
   color: sienna;
}

ul.address {
   float: left;
   font-size: 1.2em;

}

th, td {
    padding: 5px;
    text-align: left;
    width: 50%;
}
th {
   font-weight: bold;
   text-align: left;
}


#prices {
   margin: 10px 20px;
   width: 60%;}

#jr {
   float: right;
   padding: 5px 5px 5px 5px;
}
#pg {
   float: left;
   padding: 5px 0 5px 5px;
}

.videos {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   margin: 0 10%;
}
.vidcard {
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.vidlink {
   display: block;
   margin: 0 auto;
}
.vidimg {
   width: 70%;
}
.vidcaption {
   margin-top: 0;
   margin-left: 0;
   margin-bottom: 20px;
   font-size: 1.0em;
}
footer {
  background-color: rgba(0,100,0,.2);
  padding: 0.1em;
  margin: 0;
  color: black;
  text-align: center;
  font-size: .8em;
  clear: both;
}

#googleMap {
    float: right;
    margin: 1em;
    width: 10em;
    height: 10em;
    max-width:100%;
    background-image: url(images/mapscreenshot.jpg);
    background-size: cover;

    border-style: solid;
    border-width: .1em;
    border-color: sienna;
    border-radius: .2em;
}


/* 600px  */
@media screen and (min-width: 37.5em) {
  .main-nav a {
      font-size: 1.5em;
   }
   footer {
      clear:both;
      font-size: .8em;
   }
   h1 {
    font-size: 2.8em;
    padding: 1%;
  }
  ul.address {
     margin-left: 10px;
  }
  .videos {
      margin: 0;
  }

}

/* 900px */
@media (min-width: 56.25em) {

 footer {
    font-size: 1.0em;
 }
}
/* 1300px */
@media (min-width: 81.25em) {
h1 { font-size: 3.0em;
 }

 footer {
    font-size: 1.0em;
 }
}