header {
    background-color: #800000;
    color: #F5F5F5;
	padding: 10px 0;
    text-align: center;
}

/*.header-img {
    height: auto;
    width: 80%;
    object-fit: contain; 
}



header nav{
  text-align: right;
  margin-right: 100px;
    color:#F5F5F5;

}

header h1{
  text-align: right;
  margin-right: 480px;
  color:#F5F5F5;

}

header h2{
  text-align: right;
  margin-right: 250px;
  color:#F5F5F5;

}

header p{
  text-align: right;
  margin-right: 250px;
  color:#F5F5F5;

}

header nav a {
  color: #F5F5F5;
  padding: 0 10px;
  font-weight: bold;
  text-decoration: none;
  
}*/



/*body {
    background-color: #f5f5f5;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 1.6;
    margin: 0;   
}*/



/*header {
    background-color: #F5F5F5;
    color: #F5F5F5;
    padding: 10px 0;
    text-align: center;
}*/

header h1 {
	
	color: white;
	font-family: "Playfair Display","Times New Romans",sans-serif;

	
}

header nav {
	
	text-align: center;
	
}

header nav a {
    color: white;
    padding: 0 15px;
    font-weight: bold;
	text-decoration: none;
	text-align: center;
  
}


.header-img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}



main {
    padding: 20px;
    margin: auto;
    max-width: 1200px;
}


h1 {
    color: #004466;
}

footer {
	background-color: #800000;
    color: #F5F5F5;
	padding: 10px 0;
    text-align: center;
}


.column {
	
  background-color:#FFEBCD;
  flex: 1;
  padding: 15px;
  border: 1px solid #ddd;

  
}

.container {
	
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 15px;
	
}

main {
	
	padding:20px;
	margin:auto;
	max-width: 1200;
	
}

.begin {
	
	background-color:#FFEBCD;	
	flex: 1;
	padding: 15px;
	border: 1px solid #ddd;
	
}

body {
	
	background-image: url('background.jpg');
	background-repeat: repeat;	
	
}

.white {
	
	background-color: white;
	
}

.margin {
	
	margin: 10px;
	
}


.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}


.dropdown:hover .dropdown-content {
  display: block;
}

.staff-member {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
	background-color:#FFEBCD;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 15px;
}

.staff-pic {
    flex: 0 0 200px; 
    margin: 5px;
}

.staff-pic img {
    width: 100%;
    border: 5px solid #fff;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}




.staff-bio h3 {
    margin-top: 0;
    color: #2c3e50;
    font-size: 1.5em;
    padding-left: 10px;
}


.flex-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}


.flex-item {
    flex: 1 1 calc(33.33% - 10px);
    box-sizing: border-box;
}


.flex-item img {
    width: 100%;
    display: block;
}