body {background-color:#DCDCDC;
width:100%;}

.gallery-container {
  /* Apply Flexbox to the main container of the figures */
  display: flex;
  gap: 20px; /* Space between the figure elements */
  justify-content: center;
  }

.gallery-container figure {
  /* Ensure each figure takes up equal space */
  flex: 1;
  margin: 0; /* Remove default margin from the figure element */
  text-align: center; /* Center the caption text */
}

.gallery-container img {
  /* Ensure image fills the figure container */
  max-width: 100%;
  height: auto;
    /* Add space between image and caption */
  width: 400px;  
  margin-bottom: 10px;
    -webkit-box-shadow: 7px 7px 5px rgba(46, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(46, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(46, 50, 50, 0.75);
}

.gallery-container figcaption {
  /* Style your captions */
  font-size: 14px;
  font-family: Arial;
  color: Black;
  font-weight:bold;
  padding: 5px 0;
}

h1 {font-family:"Airal", Airal, sans-serif;
    font-size:40px;
    width:auto;
    text-align:center;}
    
h2 {font-family:"Airal", Airal, sans-serif;
	      width:auto;
	      text-align:center;}    

div.end
	      {font-family:"Airal", Airal, sans-serif;
	          font-size:18px;
	          width:auto;
		  line-height:30px;
	          text-align:center;}
    
#nav {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	text-align: center;
	}
	
#nav ul {
      display: inline-block;	      
    margin: 0 auto;
  padding: 0;}

#nav li {
	display: inline-block;
	list-style: none;}
	
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-family:"Airal", Airal, sans-serif;
	font-weight: bold;
	color: #000000;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; }

#nav li a:hover {
	color: #c00;
	background-color: #fff; }