body {
  background-image: url(/Site_Images/bg2.png);
font-family: 'Trebuchet MS', sans-serif;
  font-size:16px;
  }
  
a {
    color: #fffe00;
  }
  
.tiny {
  font-size: 9px;
  margin: 0 auto;
  text-align: center;
  }
  
hr { 
  border: none;
  height: 1px;
  background-color: #240000; 

}

.wrapper {
   width: 750px;
  border: 3px solid rgb(1, 0, 0);
  margin: 0 auto;
  top: 0px;
   background: #b8b8ab;
  }
  
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  margin: 0 auto;
  z-index: 1;
  }
  .header img {
 max-width: 100%;
  height: auto
  }

.links {
  background: #8c6a4e;
  padding: 10px;
    z-index: 2;
  
  }
  
.links a {
  color: #e2e0cc;
  padding: 3px;
  margin-left: 5px;
  margin-right:5px;
  text-decoration: none;
  font-size:17px;
  }

.main {
  padding: 15px;
  margin: 0 auto;
  }
  

.main img {
  max-width: 100%;
  }

 .box {
   background-image:url("Site_Images/bg2.png");
  border: 5px solid #120101;
  padding: 10px;
  text-align: center;
  color:#ca9e7a;
  }
/* GALLERY WITH BOX */
#galleryboxcontent{
  align-content: center;
  max-width: 900px;
  padding: 10px 5px 5px 5px;
  text-align: center;
}
 .galleryboxitem{
  width: 30%;
   height: 450px;
  padding: 7px;
  background-image:url("Site_Images/bg2.png");
   margin: 10px;
  border: 5px solid #120101;
    display:inline-block;
    color:#ca9e7a;
    overflow: auto;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*NORMAL GALLERY */
div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
div.gallery-item {
  margin: 5px;
  width: 180px;
}

div.gallery-item img {
  width: 100%;
  height: auto;
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);
}

div.gallery-item div.desc {
  padding: 15px;
  text-align: center;
}
/* ICON GALLERY */
div.icongallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
div.icongallery-item {
  margin: 20px;
  width: 90px;
}

div.icongallery-item img {
  width: 100%;
  height: auto;
}

div.icongallery-item div.desc {
  text-align: center;

}
 #video {
position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
} 
  
  /* MIMIC GALLERY */
#mimicgallerycontent{
  align-content: center;
  max-width: 900px;
  padding: 10px 5px 5px 5px;
  text-align: center;
}
 .mimicgalleryitem{
  width: 30%;
   height: 400px;
  padding: 7px;
  background-image:url("Site_Images/bg2.png");
   margin: 10px;
  border: 5px solid #120101;
    display:inline-block;
    color:#ca9e7a;
    overflow: auto;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*For narrow screens*/
@media(max-width: 790px) {
  .wrapper {
    width: 95%;
    }
  .header h1, .header h2, .header h3 { /*Vertical centering gets wonky when the box is variable width*/
    margin: 20% 5% auto;
    }
  }  

/*Mobile compatibility*/
@media(orientation: portrait) {
  .wrapper {
    width: 95%;}
  .header {
    height:230px;
    }
  }