body {
	background-color: #303740;
	

}

main {
	width: 90%;
	margin: auto;

}

header {
	background-color: #0597F2;
	font-family: inherit;
	font-size: 3em;
	position: relative;

}

header p {
	position: absolute;
	bottom: 5%;
	left: 5%;
	color: #AEBEBF;
}

video {
	width: 100%;
}



article p {
  background-color: #AEBEBF; /* Replace with your color or image */
  margin-bottom: 20px;       /* Adds clear gaps between the backgrounds */
  padding: 15px;
  font-size: 2em;             /* Adds space inside the background box */
}



}

#gallery {
	width: 40%;
	background-color: #A67468;
	padding: 1%;
	float: right;
	margin-right: -10%;
	margin-left: 1%;

}

#gallery img {
	width: 49%;
}

#gallery p {
font-family: inherit;
font-size: 1.5em;
text-align: center;

}

#pullquote {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial;
	font-size: 1.25em;
	color: white;
	background-color: #A67468;
	width: 25%;
	float: left;
	padding-left: 2%;
	margin-left: -5%;
	margin-right: 2%;
	border: thin black solid;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio (9 divided by 16) */
    height: 0;
    overflow: hidden;
    max-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 */
}



footer {
	background-color: #A67468;
	font-family: inherit;
	padding: 1%;
	font-size: .75em;


}