@charset "utf-8";
/* CSS Document */
/*Background color*/
body {
  background-color: #F6F6EA;
  font-family: "Garamond";
}
header {
  background-color: #3EC5DA;
  align-text: center;
  width: 99.95%;
  font-size: 30px;
  color: #fff;
  align-content: space-around;
  padding: 5px 5px 3px 5px;
}
#wrapper {
  width: 95%;
  margin-right: 30px;
  margin-left: 30px;
  border-width: 30px;
  border-style: hidden;
  padding: 0;
  margin-top: 40px;
}
#nav1 {
  background-color: #0A0908;
  font-size: 15px;
  margin: -15px;
  text-align: center;
  text-decoration: none;
}
#nav1 a {
  color: #FFFFFF;
}
#nav2 {
  background-color: #AAAAAA;
  font-size: 20px;
  margin: 20px;
  text-align: center;
  text-decoration: none;
}
#nav2 a {
  color: #000000;
}
#nav3 {
  background-color: #AAAAAA;
  font-size: 20px;
  margin: 20px;
  text-align: center;
  text-decoration: none;
}
#nav3 a {
  color: #000000;
}
nav ul {
  display: block;
  margin-left: 0;
  font-size: 23px;
  text-decoration: none;
  color: #FFFFFF;
}
nav li {
  display: inline-block;
  padding: 10px 30px;
  margin-bottom: 0;
  text-decoration: none;
  color: #FFFFFF;
}
nav a:link {
  color: #FFFFFF;
  text-decoration: none;
}
nav a:hover {
  color: #F2E4C1;
  text-decoration: none;
}
main {
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
h1 {
  background-color: #3EC5DA;
  width: 90%;
  color: #fff;
  text-align: center;
  font-size: 36px;
  font-family: "Galliard", bold;
}
h2 {
  background-color: #517664;
  width: 70%;
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-family: "Galliard", bold;
}
h3 {
  background-color: #DD9ECC;
  width: 50%;
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-family: "Galliard", bold;
}
.asterisk {
  color: red;
}
#elephant {
  display: block;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border: thin;
}
p {
  color: #0A0908;
  font-size: 18px;
  font-family: "Garamond";
  line-height: 1.75;
}
ol {
  margin-left: 20px;
  list-style-type: decimal;
}

#mc-embedded-subscribe {
  background-color: #517664;
  text-align: center;
  border-radius: 15px;
  margin: auto;
  border: hidden;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
}
button{
	 background-color: #517664;
  text-align: center;
  border-radius: 15px;
  margin: auto;
  border: hidden;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
}
#instructions {
  text-align: left;
  margin-left: 20px;
}
.mc-field-group label {
  width: 120px;
  padding-left: 1em;
  font-family: "Garamond";
  color: #000000;
  margin-right: 20px;
  display: inline-block;
}
#mc_embed_shell {
  text-align: center;
  align-content: center;
}
input, textarea {
  display: inline-block;
}
#mce-Comment {
  align-content: center;
  height: 40px;
}


    /* Style for the iframe to make it responsive */
    iframe {
      width: 90%;              /* You can adjust this width */
      height: 450px;           /* Adjust the height if necessary */
      max-width: 800px;        /* Maximum width for responsiveness */
    }
footer {
  background-color: #3EC5DA;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-family: "Galliard";
}