body {
  height: 100%;
  box-sizing: border-box;
  font-family: 'Raleway', sans-serif;
  /* font-family: 'Dancing Script', cursive; */
}

.container-fluid {
  padding: 0;
}

h2 {
  font-family: 'Dancing Script', cursive;
  font-size: 3rem;
  line-height: 5rem;
}

p {
  line-height: 1.5;
}

/* Header */
#header {
  /* height: 100vh; */
}

.carousel .carousel-item {
  max-width: 100%;
  max-height: 100vh;
}

.wedding-text {
  position: absolute;
  color: #fff;
  top: 20%;
  width: 96.666666666%;
}

.countdown {
  font-size: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'Dancing Script', cursive;
}

.countdown div {
  padding: 20px;
/*   border: 1px solid #fff; */
/*   border-radius: 10px; */
/*   margin: 5px; */
/*   opacity: 0.7; */
/*   background: #000; */
}

.countdown div:first-child {
  /* background: #e74c3c; */
}

.countdown span {
  display: block;
  font-size: 2rem;
}

/* About */
#about {
  margin: 130px 0;
}

.about-us-p, .portfolio-us-p {
  font-size: 1.25rem;
  padding: 0 100px;
  margin-bottom: 80px;
}

.about-name {
  margin: 16px 0;
}

.about-name-p {
  margin-bottom: 16px;
}

/* Portfolio */
#portfolio {
  margin: 130px 0;
}

/* Map */
.map-container {
  overflow: hidden;
  /* margin-bottom: 130px; */
  position: relative;
  height: 0;
}

.map-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* Footer */
.bg-footer {
  background: #242424;
}

h5 {
  color: #fff;
}

@media only screen and (max-width: 576px) {
  h2 {
    font-family: 'Dancing Script', cursive;
    font-size: 1.5rem;
    line-height: 2;
  }

  h1 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  .countdown {
    font-size: 1.75rem;
    display: flex;
    padding-bottom: 5px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'Dancing Script', cursive;
  }

  .countdown div {
    padding: 2px;
    font-size: 1rem;
  /*   border: 1px solid #fff; */
  /*   border-radius: 10px; */
  /*   margin: 5px; */
  /*   opacity: 0.7; */
  /*   background: #000; */
  }

  .countdown span {
    display: block;
    font-size: 1rem;
  }

  .about-us-p, .portfolio-us-p {
    font-size: 1.25rem;
    padding: 0 50px;
    margin-bottom: 80px;
  }
   
  #about {
    margin: 65px 0;
  }

  #portfolio {
    margin: 65px 0;
  }
}