/* ===========================
   GENERAL
=========================== */

body{
    margin:0;
    padding:0;
    background:#00674F;
    color:#BA9503;
    font-family:'Cormorant Garamond', serif;
}

.section{
    padding:90px 20px;
}

h2{
    font-size:48px;
    margin-bottom:30px;
}


/* ===========================
   HERO
=========================== */

.hero{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    background:#00674F;
}

.overlay{
    width:100%;
    max-width:1000px;
    padding:20px;
}

.small-title{
    letter-spacing:8px;
    font-size:22px;
    color:#BA9503;
    margin-bottom:20px;
}

.couple-name{
    font-family:'Alex Brush', cursive;
    font-size:130px;
    color:#EFBF04;
    line-height:1;
    margin-bottom:35px;
}

.wedding-date{
    font-size:56px;
    margin-bottom:10px;
}

.wedding-time{
    font-size:40px;
    margin-bottom:40px;
}

.invitation-btn{
    display:inline-block !important;
    background-color:#9F7F03 !important;
    color:#ffffff !important;
    border:2px solid #BA9503 !important;
    padding:16px 50px !important;
    border-radius:50px !important;
    font-size:24px;
    font-weight:600;
    text-decoration:none !important;
    cursor:pointer;
    transition:all .3s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.invitation-btn:hover{
    background-color:#9F7F03 !important;
    border-color:#9F7F03 !important;
    color:#ffffff !important;
    transform:translateY(-3px);
}


/* ===========================
   COUNTDOWN
=========================== */

.countdown-section{

    background:#FEEEB1;

}

#countdown{

    font-size:46px;

    color:#1F4A2B;

    font-weight:bold;

}


/* ===========================
   CARDS
=========================== */

.card{

    border:none;
margin: 10px;
    border-radius:20px;
    padding:30px;

    text-align:center;

    background:#FEEEB1;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.card h4{

    margin-bottom:20px;

}


/* ===========================
   REMINDER
=========================== */

.reminder ul{

    list-style:none;

    padding:0;

}

.reminder li{

    margin:18px 0;

    font-size:24px;

}


/* ===========================
   RSVP
=========================== */

form{

    max-width:600px;

    margin:auto;

}

.form-control,
.form-select{

    height:60px;

    font-size:20px;

    border-radius:15px;

}

.btn-success{

    background:#9F7F03;

    border:none;

    border-radius:15px;

    height:60px;

    font-size:22px;

}

.btn-success:hover{

    background:#55614f;

}


/* ===========================
   INVITATION IMAGES
=========================== */

.invitation{

    width:100%;

    max-width:700px;

    border-radius:20px;

    box-shadow:0 12px 30px rgba(0,0,0,.12);

}


/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.small-title{

    font-size:18px;

    letter-spacing:5px;

}

.couple-name{

    font-size:78px;

}

.wedding-date{

    font-size:36px;

}

.wedding-time{

    font-size:28px;

}

.invitation-btn{

    width:260px;

    font-size:24px;

}

#countdown{

    font-size:34px;

}

.reminder li{

    font-size:20px;

}

h2{

    font-size:38px;

}

}
/* ==========================
   PRENUP VIDEO
========================== */

.prenup-video{

    width:100%;
    max-width:900px;

    border-radius:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.15);

    overflow:hidden;

}
.album .responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  justify-content: flex-start;
}

.album .responsive-container-block.bg {
  max-width: 1320px;
  margin: 0 0 0 0;
  justify-content: space-between;
}

.album .img {
  width: 100%;
  margin: 0 0 20px 0;
}

.album #i9rb {
  color: black;
}

.album #ir6i {
  color: black;
}

.album #ikz3b {
  color: black;
}

.album .responsive-container-block.img-cont {
  flex-direction: column;
  max-width: 33.3%;
  min-height: auto;
  margin: 0 0 0 0;
  height: 100%;
}

.album #ipix {
  color: black;
}

.album #ipzoh {
  color: black;
}

.album #ig5q8 {
  color: black;
}

.album #imtzl {
  color: black;
}

.album #i53es {
  color: black;
}

.album .img.img-big {
  height: 50%;
  margin: 0 0 16px 0;
}

@media (max-width: 1024px) {
  .album .img {
    margin: 0 0 18px 0;
  }
}

@media (max-width: 768px) {
  .album .img {
    max-width: 32.5%;
    margin: 0 0 0 0;
  }

  .album .responsive-container-block.bg {
    flex-direction: column;
  }

  .album .responsive-container-block.img-cont {
    max-width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  .album .img.img-big {
    max-width: 49%;
    margin: 0 0 0 0;
  }
}

@media (max-width: 500px) {
  .album .img {
    max-width: 94%;
    margin: 0 0 25px 0;
  }

  .album .responsive-container-block.img-cont {
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 10px 10px;
  }

  .album .img.img-big {
    max-width: 94%;
    margin: 0 0 25px 0;
  }

  .album .img.img-last {
    margin: 0 0 5px 0;
  }
}
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
}

.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wk-mobile-1 {
    width: 8.333333%;
  }

  .wk-mobile-2 {
    width: 16.666667%;
  }

  .wk-mobile-3 {
    width: 25%;
  }

  .wk-mobile-4 {
    width: 33.333333%;
  }

  .wk-mobile-5 {
    width: 41.666667%;
  }

  .wk-mobile-6 {
    width: 50%;
  }

  .wk-mobile-7 {
    width: 58.333333%;
  }

  .wk-mobile-8 {
    width: 66.666667%;
  }

  .wk-mobile-9 {
    width: 75%;
  }

  .wk-mobile-10 {
    width: 83.333333%;
  }

  .wk-mobile-11 {
    width: 91.666667%;
  }

  .wk-mobile-12 {
    width: 100%;
  }
}