.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px; }

@media only screen and (max-device-width: 1024px) {
  .parallax {
    background-attachment: scroll; } }

#hero {
background-color:#000;
  background-image: url("../images/Updated-Bkgd-Img.jpg");
  text-align: center;
  padding: 25vh 0px;
  color: white; }
h2{text-align:center;}
p {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto; }

section {
  padding-top: 5rem;
  padding-bottom: 5rem; }
  section h3:first-child {
    text-align: center; }

#mission, #officers {
  background-color: #ECECEB;
  text-align: center; }

#membership img {
  max-width: 15rem;
  display: block;
  margin: auto; }

#membership h3 {
  text-align: center; }

#officers .grid {
  grid-gap: 8rem;
  margin-top: 5rem; }

#initiatives > p {
  text-align: center; }

#initiatives h3 {
  text-align: left; }

#initiatives .grid {
  margin-top: 10rem; }

#contact {
  background-color: #ECECEB; }
  #contact h3 {
    margin-bottom: 5rem; }
#sent{
 color:green; 
 font-weight:bold;
text-align:center;
}
.card {
  background: white;
  border-radius: 4px;
  overflow: hidden;
  padding: 1.5rem; }
  .card img {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    margin-top: -1.5rem; }
  .card p {
    margin: 0px;
    opacity: 0.5; }

.transition, .accordion, .accordion .acc-content, .accordion i:before, .accordion i:after, .accordion input[type=checkbox]:checked ~ .acc-content {
  transition: all 0.25s ease-in-out; }

.no-select, .accordion .acc-header {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.accordion {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px; }
  .accordion .acc-header {
    font-size: 2rem;
    text-align: left;
    margin: 0;
    cursor: pointer;
    border: 1px solid #D7D9CD;
    border-radius: 4px;
    padding: 1rem; }
  .accordion .acc-content {
    opacity: 0;
    margin-top: 0rem;
    max-height: 0px; }
  .accordion i {
    position: absolute;
    transform: translate(-2rem, 0);
    right: 0; }
    .accordion i:before, .accordion i:after {
      content: "";
      position: absolute;
      background-color: #D7D9CD;
      width: 0.4rem;
      height: 1.2rem;
      margin-top: 1.3rem; }
    .accordion i:before {
      transform: translate(-4px, 0) rotate(45deg); }
    .accordion i:after {
      transform: translate(2px, 0) rotate(-45deg); }
  .accordion input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0; }
    .accordion input[type=checkbox]:checked ~ .acc-content {
      margin-top: 3rem;
      opacity: 1;
      max-height: min-content; }
    .accordion input[type=checkbox]:checked ~ i:before {
      transform: translate(2px, 0) rotate(45deg); }
    .accordion input[type=checkbox]:checked ~ i:after {
      transform: translate(-4px, 0) rotate(-45deg); }


.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
footer {
  background-color: #232827;
  color: white;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  footer p {
    margin: 0px; }