body {
	color: #FFFFFF;
	background-color: #09B5F1;
	font-family: 'Trebuchet MS', sans-serif;
	background-image: url("images/background.jpg");
	background-attachment: fixed;
	margin: 0;
}
#page{
	margin: 0px;
	padding: 0px;
	text-align: center;
	justify-content: center; /* Center vertically */
    align-items: center; /* Center horizontally */
}
#header {
	background-image: url("images/header_bg.png");
	background-position: center;
    height: 800px;
	width: auto;
}

#overlay {
	position: relative;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);

  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* display: flex; */
  /* flex-direction: column; /* Arrange items vertically */ */
  /* justify-content: center; /* Center items vertically */ */
  /* align-items: center; /* Center items horizontally */ */
  /* z-index: 1; /* Ensure the overlay is on top */ */
}

#overlay img {
  margin: 10px;
}

#overlay iframe {
  margin: 20px;
  width: 560px;
  height: 315px;
  overflow: hidden;
  border-radius: 20px;
}

#content {
  justify-content: center; /* Center horizontally */
  align-items: center;    /* Center vertically */
  flex-wrap: wrap;        /* Allow the images to wrap to the next line if necessary */
  text-align: center;     /* Center text inside images if any */
}

#content img {
  max-width: 100%;        /* Ensure images don't overflow the container */
  margin-top: 50px;           /* Add some margin around images */
}

#social-links {
  justify-content: center;
  width: 100%; /* Ensure the social links container is full width for proper centering */
  margin-top: 20px; /* 20px top margin for the social links */
}

#social-links img {
	margin:20px;
}

#a {
	color: #FFFFFF;
}