body {
  background: #F8F4EF!important;
}

header {
  min-height: 100vh;
  background-image: url("./Assets/Group.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(50%);
}

section {
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: 'DM Sans', sans-serif;
  font-size: 20px;
}

h1 {
  font-family: 'DM Serif Display', serif;
}

nav {
  padding: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #5B7553;
}

nav button {
  margin-right: 10px;
  color: #F8F4EF;
  background-color: #F8F4EF;
}

nav a {
  font-size: 20px;
  display: block;
  padding: 0.5rem 1rem;
  color: #F8F4EF;
  text-decoration: none;
}

.card-shadow {
  object-fit: cover;
  width: 100%;
  /* box-shadow: 6px 7px 13px 0px; */
}

.icon {
  background: url('./Assets/brand.jpg');
  height: 50px;
  width: 50px;
  display: block;
  /* Other styles here */
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin: auto;
  font-family: 'DM Sans', sans-serif;
  font-weight: bold
}

.icon-position-absolute {
  position: absolute;
}

.countdown-content {
  color: #F8F4EF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  text-align: center;
  font-family: 'DM Serif Display', serif;
}

.countdown-content h1{
  font-size: 4.2rem;
}
.gift-registry a img{
  width: 30%;
  object-fit: scale-down;
  display:block;
  margin:auto;
}

.galary-padding {
  margin-bottom: 15px;
}

.welcome-party-text-padding {
  padding-right: 150px;
}


  .background-green {
    background-color: #C5D0B3;
    color: #220708;
  }

  .background-greener {
    background-color: #243120;
    color: #F8F4EF

  }

  .brand-text {
    color: #F8F4EF;
    margin-left: 10px;
    font-size: 25px;
  }

.checkboxes label {
  display: inline-block;
  padding-left: 10px;
  white-space: nowrap;
}

.checkboxes input {
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin: 0 10px 0 0;
}
.checkboxes label span {
  vertical-align: middle;
}

.button-submit {
  margin-top: 10px;
  background: #903A19!important;
  border-color: #903A19!important;
}

.map-margin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel-heading  a:before {
  float: right;
  transition: all 0.5s;
}
.panel-heading.active a:before {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 transform: rotate(180deg);
} 

.accordion-section .panel-default > .panel-heading {
  border: 0;
  background: white;
  padding: 0;
}
.accordion-section .panel-default .panel-title a {
  display: block;
  font-style: italic;
  font-size: 1.5rem;
  text-decoration: none;
  color: black;
}
.accordion-section .panel-default .panel-title a:after {
  font-family: 'FontAwesome';
  font-style: normal;
  font-size: 3rem;
  content: "\f106";
  color: #243120;
  float: right;
  margin-top: -12px;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
  content: "\f107";
}
.accordion-section .panel-default .panel-body {
  font-size: 1.2rem;
}

.fireworks{
  position: absolute;
  top: -150%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}


.story-image {
  width: 90%;
  height: 355px;
}

.proposal-video {
  width: 100%;
  height: 550px;
}
  @media (max-width: 1000px)
  {
    section {
      padding-top: 30px;
      padding-bottom: 30px;
      font-family: 'DM Sans', sans-serif;
      font-size: 14px;
    }

    nav a {
      font-size: 16px;
    }
    .countdown-content {
      color: #F8F4EF;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 20px;
      text-align: center;
    }

    .fireworks{
      top: 20%;
    }

    .countdown-timer {
      font-size: 20px;
      font-weight: bold;
   }

   .button-submit {
     width: 100%;
   }

    .brand-text {
      font-size: 20px;
    }
    .icon-position-absolute{
      position: initial;
    }

    .accordion-section .panel-default .panel-title a {
      font-size: 1rem;
    }
    .accordion-section .panel-default .panel-title a:after {
      font-size: 2rem;
    }

    .accordion-section .panel-default .panel-body {
      font-size: .8rem;
    }

    .proposal-video {
      width: 100%;
      height: 300px;
    }

    .story-image {
      width: 100%;
      height: 250px;
    }

    .welcome-party-text-padding {
      padding-right: 0px;
    }

  }
/* #362E38 */
/* #220708 */
/* #903A19 */
/* #5B7553 */
/* #C5D0B3 */
/* #F8F4EF */