body{
	background-color: #DE663E;
}

main{
	width:95%;
	margin: auto;
}


header {
	background-color: black;
	font-family: inherit;
	font-size: 3em;
	position: relative;


}

nav{
	background-color: rgb(214, 213, 142, .5);
	font-size: 1.5em;
	padding: 2%;
	margin-top: 0px;
	color: #005C53;
	font-family: Helvetica;
	font-weight: 300;	
	text-align: center;


}

/* ... keep your body, main, header, and nav styles the same ... */


/* ... keep the rest of your article, ul, li, and link styles ... */


.subhead {
  font-weight: 800;
  color: #005C53;
  margin-top: 0px;
  margin-bottom: 0px;    /* Force margin to zero */
  text-align: center;
  font-size: 2em;
  padding: 2% 2% 0% 2%;  /* Padding: Top, Right, BOTTOM (0), Left */
}




article p {
  background-color: rgb(214, 213, 142, .5); /* Replace with your color or image */
  margin-bottom: 5px;       /* Adds clear gaps between the backgrounds */
  padding: 2%;
  font-size: 2em;             /* Adds space inside the background box */
}

article p:first-of-type {
  margin-top: 0px;
}


ul{
	padding: 0%;
	margin: 0%;
}
li{
	list-style: none;
	display: inline;
	padding-right: 2%;
}

a:link{
color: #005C53;
text-decoration: none;
}

a:visited{
	color: #005C53;
}

a:last-child{
	padding: none;
}

a:hover{
	color: #D6D58E;
	padding: 2%;
}
a:active{
	opacity: 0.45;
}
footer{
	font-size: .75em;
	background-color: #D6D58E;
	padding: 2%;
}

video {
	width: 100%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video fills the space nicely */
}


}