@charset "utf-8";
/* CSS Document */

#container {
	display: block;
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}



.menuClass {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 5px;
}

.refugeSign{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 5px;
}

.refugeSign img {
    width: 100%;
    height: auto;
    display: block;
}

.indexLowerImage{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 5px;
}

.indexLowerImage img {
    width: 100%;
    height: auto;
    display: block;
}

.indexHeader {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 5px;
}

.indexHeader img {
    width: 100%;
    height: auto;
    aspect-ratio: 1000 / 365;
    display: block;
}

.DDF-GalleryTitle{
	margin-left: 5px;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	background-color: #F4CCFF;
	text-indent: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	
}

.two-column {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.column {
	flex: 1 1 300px;
	margin-left: 5px;
	box-sizing: border-box;
	padding: 15px;
	background-color: #CBFCCB;
	border-radius: 0px 0px 10px 10px;
	margin-right: -5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size: 18px;
	text-align: center;
}

.LocationHours{
	width: 100%;
	height: auto;
	margin-left: 5px;
	display: block;
	background-color: #9AFF99;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size: 18px;
	color: #930;
	text-transform: uppercase;
	line-height: 1.6;
	font-weight: bold;
	vertical-align: middle;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.BUTTONS-grid {
	margin-left: 5px;
	margin-right: -5px;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
	background-color: #ECDDB9;
	border-radius: 20px;	
	
}

.BUTTONS-archive h2 {
  margin-bottom: .25rem;
}

.BUTTONS-archive p {
  margin-bottom: 0rem;
  color: #555;
}

.BUTTONS-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .75rem;
  margin-bottom: 1.5rem;
}

.BUTTONS-card {
  display: block;
  padding: 1rem;
  background: white;
  border: 1px solid #d8c9a3;
  border-radius: 10px;
  text-decoration: none;
  color: #2f3b24;
}

.BUTTONS-card span {
  display: block;
  font-weight: bold;
  font-size: 1.05rem;
}

.BUTTONS-card small {
  color: #6b5f3a;
}

.BUTTONS-card:hover {
	background-color: #CFE4F8;
}

.footerClass{
	width: 100%;
    max-width: 1000px;
    
	padding-left: 5px;
	
}