@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
       @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Great+Vibes&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Great+Vibes&display=swap');

@font-face {
  font-family: 'Melinda_S';
  src: url('https://januarnatasyha.lavierproject.com/font/Melinda Script.ttf');
}

/*@font-face {*/
/*  font-family: 'Glacial Indifference Regular';*/
/*  src: url('https://januarnatasyha.lavierproject.com/font/Glacial Indifference Regular.ttf');*/
/*}*/
@font-face {
  font-family: 'Cormorant';
  src: url('https://januarnatasyha.lavierproject.com/font/Cormorant-Regular.ttf');
}

@font-face {
  font-family: 'CormorantSC';
  src: url('https://januarnatasyha.lavierproject.com/font/CormorantSC-Regular.ttf');
}

@font-face {font-family: "Glacial_I_R";
  src: url("405f05e6bf58471a25729ed060cda2d8.eot"); /* IE9*/
  src: url("405f05e6bf58471a25729ed060cda2d8.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("405f05e6bf58471a25729ed060cda2d8.woff2") format("woff2"), /* chrome、firefox */
  url("405f05e6bf58471a25729ed060cda2d8.woff") format("woff"), /* chrome、firefox */
  url("405f05e6bf58471a25729ed060cda2d8.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("405f05e6bf58471a25729ed060cda2d8.svg#Glacial Indifference Regular") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: 'Southland';
  src: url('https://januarnatasyha.lavierproject.com/font/Southland.ttf');
}

@font-face {
    font-family: 'Alta Regular';
    /*src: url('https://januarnatasyha.lavierproject.com/font/alta-regular.otf');*/
    src: url('https://januarnatasyha.lavierproject.com/font/alta_regular.eot'); 
    src: url('https://januarnatasyha.lavierproject.com/font/alta_regular.eot?#iefix') format("embedded-opentype"), 
       url('https://januarnatasyha.lavierproject.com/font/alta_regular.woff2') format('woff2'), 
       url('https://januarnatasyha.lavierproject.com/font/alta_regular.woff') format('woff'), 
       url('https://januarnatasyha.lavierproject.com/font/alta_regular.ttf')  format('truetype'), 
       url('https://januarnatasyha.lavierproject.com/font/alta_regular.svg#Alta Regular') format('svg'); 
}

@font-face {
    font-family: 'Southland Regular';
    src: url('https://januarnatasyha.lavierproject.com/font/southland_regular.eot'); 
    src: url('https://januarnatasyha.lavierproject.com/font/southland_regular.eot?#iefix') format("embedded-opentype"), 
       url('https://januarnatasyha.lavierproject.com/font/southland_regular.woff2') format('woff2'), 
       url('https://januarnatasyha.lavierproject.com/font/southland_regular.woff') format('woff'), 
       url('https://januarnatasyha.lavierproject.com/font/southland_regular.ttf')  format('truetype'), 
       url('https://januarnatasyha.lavierproject.com/font/southland_regular.svg#Southland Regular') format('svg'); 
}

@font-face {
    font-family: 'Melinda Script';
    src: url('https://januarnatasyha.lavierproject.com/font/melinda_script.eot'); 
    src: url('https://januarnatasyha.lavierproject.com/font/melinda_script.eot?#iefix') format("embedded-opentype"), 
       url('https://januarnatasyha.lavierproject.com/font/melinda_script.woff2') format('woff2'), 
       url('https://januarnatasyha.lavierproject.com/font/melinda_script.woff') format('woff'), 
       url('https://januarnatasyha.lavierproject.com/font/melinda_script.ttf')  format('truetype'), 
       url('https://januarnatasyha.lavierproject.com/font/melinda_script.svg#Melinda Script') format('svg'); 
}

@font-face {
    font-family: "Bell MT"; 
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.eot'); /* IE9 Compat Modes */
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/bell mt.svg#svgFontName') format('svg'); /* Legacy iOS */
}    

@font-face {
    font-family: "Poppins Light";
  src: url("https://januarnatasyha.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.eot"); /* IE9*/
  src: url("https://januarnatasyha.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("https://januarnatasyha.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.woff2") format("woff2"), /* chrome、firefox */
  url("https://januarnatasyha.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.woff") format("woff"), /* chrome、firefox */
  url("https://januarnatasyha.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("https://januarnatasyha.lavierproject.com/font/2e6cd8faed5d485da4baf7f2a3202a04.svg#Poppins Light") format("svg"); /* iOS 4.1- */
}

/*@font-face {*/
/*    font-family: 'Cinzel';*/
/*    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/Cinzel-Regular.ttf');*/
/*}*/
@font-face {
    font-family: 'Cinzel';
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.eot'); /* IE9 Compat Modes */
    src: url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://ubaya.lavierproject.com/InvitationChristmas2022/font/cinzel.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  -moz-animation-name: fade;
  -moz-animation-duration: 1.5s;
  -ms-animation-name: fade;
  -ms-animation-duration: 1.5s;
  -o-animation-name: fade;
  -o-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  /*display:block;*/
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.fade2 {
      -webkit-animation-name: fade2;
  -webkit-animation-duration: 2s;
  -moz-animation-name: fade2;
  -moz-animation-duration: 2s;
  -ms-animation-name: fade2;
  -ms-animation-duration: 2s;
  -o-animation-name: fade2;
  -o-animation-duration: 2s;
  animation-name: fade2;
  animation-duration: 2s;
  /*display:block;*/
}

@keyframes fade2 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeInTop{
  0% {
      opacity: 0;
      transform: translateY(-50px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

.muncul-animasi{
      -webkit-animation: fadeInTop 3s both;
  /*-webkit-animation-delay: 3s;*/
  -moz-animation: fadeInTop 3s both;
  /*-moz-animation-delay: 3s;*/
  -ms-animation: fadeInTop 3s both;
  /*-ms-animation-delay: 3s;*/
  -o-animation: fadeInTop 3s both;
  /*-o-animation-delay: 3s;*/
  animation: fadeInTop 3s both;
  /*animation-delay:3s;*/
}

.muncul-animasi1{
      -webkit-animation: fadeInTop 5s both;
  /*-webkit-animation-delay: 3s;*/
  -moz-animation: fadeInTop 5s both;
  /*-moz-animation-delay: 3s;*/
  -ms-animation: fadeInTop 5s both;
  /*-ms-animation-delay: 3s;*/
  -o-animation: fadeInTop 5s both;
  /*-o-animation-delay: 3s;*/
  animation: fadeInTop 5s both;
  /*animation-delay:3s;*/
}

.muncul-animasi2{
    -webkit-animation: fadeInTop 5s both;
  /*-webkit-animation-delay: 1s;*/
  -moz-animation: fadeInTop 5s both;
  /*-moz-animation-delay: 1s;*/
  -ms-animation: fadeInTop 5s both;
  /*-ms-animation-delay: 1s;*/
  -o-animation: fadeInTop 5s both;
  /*-o-animation-delay: 1s;*/
  animation: fadeInTop 5s both;
  /*animation-delay:1s;*/
}

.muncul-animasi3{
    -webkit-animation: fadeInTop 5s both;
  /*-webkit-animation-delay: 2s;*/
  -moz-animation: fadeInTop 5s both;
  /*-moz-animation-delay: 2s;*/
  -ms-animation: fadeInTop 5s both;
  /*-ms-animation-delay: 2s;*/
  -o-animation: fadeInTop 5s both;
  /*-o-animation-delay: 2s;*/
  animation: fadeInTop 5s both;
  /*animation-delay:2s;*/
}

.fadeInX {
    -webkit-animation: fadeInX 7s both;
  
  -moz-animation: fadeInX 7s both;
  -ms-animation: fadeInX 7s both;
  -o-animation: fadeInX 7s both;
  animation: fadeInX 7s both;
}

@keyframes fadeInX{
  0% {
      opacity: 0;
      transform: translateX(-100px);
  }
  100% {
      opacity: 1;
      transform: translatex(0);
  }
}

.fadeInX2 {
    -webkit-animation: fadeInX2 7s both;
  -moz-animation: fadeInX2 7s both;
  -ms-animation: fadeInX2 7s both;
  -o-animation: fadeInX2 7s both;
  animation: fadeInX2 7s both;
  /*animation-duration: 2s;*/
  /*display:block;*/
}

@keyframes fadeInX2{
  0% {
      opacity: 0;
      transform: translateX(100px);
  }
  100% {
      opacity: 1;
      transform: translatex(0);
  }
}

.fadeInY {
    -webkit-animation: fadeInY 1s both;
  
  -moz-animation: fadeInY 1s both;
  -ms-animation: fadeInY 1s both;
  -o-animation: fadeInY 1s both;
  animation: fadeInY 1s both;
  
}

@keyframes fadeInY{
  0% {
      opacity: 0;
      transform: translateY(5%);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

body,html{
    /*background:#F3EBD7;*/
    background: #9B9D8F;
    height: 100%;
    margin:0px;
    padding:0px;
    overflow-x:hidden;
}

body{
    animation: 1.5s ease-out 0s 1 fadeInY;
}

/* Style the navigation menu */
.topnav {
  /*overflow: hidden;*/
  background-color: #CBC8C2;
  opacity:75%;
  position: fixed;
  width:100%;
  z-index:999;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
  background:#FCF5E5;
}

/* Style navigation menu links */
.topnav a {
  color: #4D4941;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #CBC8C2;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #CBC8C2;
  color: white;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 25vh; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: rgba(255,255,255,0.8);
  margin: auto;
  padding: 20px;
  border: none;
  border-radius: 1rem;
  width: 80%;
}

/* The Close Button */
.closePemberkatan, .closeResepsi {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closePemberkatan:hover,
.closePemberkatan:focus,
.closeResepsi:hover,
.closeResepsi:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.attend-form{
    text-align: left;
    justify-content:flex-start;
    align-items: flex-start;
    /*margin:5vh 5vw;*/
    /*height: 60%;*/
    width: 82%;
    padding:1rem;
    font-family:'Cormorant';
    color: #855983;
}

.attend-form input[type=text], input[type=number]{
    width: 100%;
    margin-bottom:20px;
    border-radius: 0.5rem;
    padding: 0.5rem 0.8rem;
    border:none;
}

.attend-form .form-group p{
    float:left;
    margin:0 auto;
    margin-right:10px;
}

.attend-form .form-group input[type=number]{
    width:15%;
    margin:0 auto;
}

.modal-button-container{
    margin-top:20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    width: 100%;
    padding:0.8rem;
}

.modal-button-container button{
    width: 100%;
    background:#855983;
    font-size: 1rem;
    padding: 0.5rem 1rem ;
    border-radius: 1rem;
    border:none;
    text-align:center;
    font-family:"Cormorant SC" !important;
    color:white;
    
}

/* The Modal (background) */
.modalQR {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 25vh; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}

/* Modal Content */
.modal-contentQR {
  background-color: rgba(255,255,255,0.8);
  margin: auto;
  padding: 20px;
  /*border: 1px solid #888;*/
  border-radius:1rem;
  width: 80%;
  color: #651E3F;
}

.modal-titleQR{
    text-align:center;
    margin-bottom:10px;
    margin-top:36px;
    font-size:1.3rem;
      font-family: 'Cormorant SC' !important;
}

.modal-isiQR{
   display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    font-family: 'Bell MT' !important;
  color: #651E3F;
  font-size:1.2rem;
}

.modal-imageQR{
    width:18.75rem;
    height:18.75rem;
}

/* The Close Button */
.closeQR {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closeQR:hover,
.closeQR:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.first{
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    /*font-size: 1.875rem;*/
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    /*background:url('../image/first-bg.png');*/
    background:white;
    /*background:grey;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-content{
    height:200vh;
    width:100vw;
    /*z-index:9;*/
    top:0px;
    /*background: url('../image/first-desktop.jpg');*/
    background-position: top center;
    background-size: cover;
	background-repeat: no-repeat;
    /*background: rgba(0, 0, 0, 0.2);*/
    position: relative;
    bottom: 0px;
}

.first-text{
    margin-top:152vh;
    margin-bottom:1vh;
    text-align:center;
    color: #B08177;
}

.first-wedinfo{
    margin:0 auto;
    text-align:center;
    font-family: "Cormorant SC" !important;
    font-style: normal;
    font-size:1.25rem;
}

.first-name{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    font-family: "Cormorant SC" !important;
    font-style: normal;
    font-size:2.125rem;
    letter-spacing: 0.2rem;
}

.first-date{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    font-family: "Cormorant SC" !important;
    font-style: normal;
    font-size: 2rem;
    color: #C2A894;
}

.first-hastag{
    text-align:center;
    font-family:"Cormorant" !important;
    color: #B08177;
    font-size:1.625rem;
    margin:auto;
}

.first-quote{
    text-align:center;
    font-family:"Cormorant" !important;
    color: #605852;
    font-size:1.25rem;
    padding: 0rem 1rem;
}

.first2-quote{
    text-align:center;
    font-family:"Cormorant SC" !important;
    color: #605852;
    font-size:1.25rem;
    padding: 0rem 1rem;
}

.first2{
    height:170vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    background: #FCF5E5;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-photo{
    z-index:7;
    height:100vh;
    width:100vw;
    padding-bottom: 30vh;
    position: relative;
    /*background:#D9C2B0;*/
    /*background:url('../image/bg-first-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.first2-content{
    height:45vh;
    padding-top:2vh;
    width:100vw;
    /*z-index:9;*/
    /*background: #FCF5E5;*/
    position: relative;
}

.first-dateinfo{
    margin-top:2vh;
    text-align:center;
    font-size:2.5rem;
    font-family:"Great Vibes" !important;
    color:#855983;
}

.countdown{
    justify-content:center;
    align-items: center;
    text-align:center;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

.countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
  width: 6.25rem;
  height: 6.25rem;
  /*background: #DBD9CF;*/
  /*border-radius: 50%;*/
  font-size:1.5rem;
  margin:1rem;
  color: white;
  font-family: "Cormorant" !important;
    letter-spacing: 0.2rem;
}

.countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
  font-size:2rem;
  margin-top:-0.32rem;
  font-family: "Cormorant SC", normal !important;
  color: #855983;
}

.ourStory{
    /*height:140vh;*/
    /*background:url('../image/second-profile.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.second{
    height:175vh;
    /*height:45rem;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*background:url('../image/second-detail.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third{
    height:150vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    flex-direction: column;
    background: #FCF5E5;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.third-top{
    height:180vh;
    width:100vw;
    background: #FCF5E5;
    background:url('../image/third-gallery.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third-bottom{
    /*height:100vh;*/
    height:120vw;
    width:100vw;
    /*background:url('../image/second-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth{
    height:200vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    background:white;
    /*background:url('../image/details acara.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth a{
    text-decoration:none;
}

.fourth-details2{
    height:200vh;
    width:95vw;
    margin-left:2.5vw;
    margin-right:2.5vw;
    background:white;
    /*margin:2.5vh;*/
    /*background:url('../image/details acara - 2.png');*/
    /*background:url('../image/detail event.gif');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth-details{
    /*margin:0 auto;*/
    display:inline-block;
   position:relative;
   text-align:left;
   font-family:"Alta Regular" !important;
    /*font-family: 'Alta_R';*/
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-content1{
    margin:0 10vw;
    font-size:0.8rem;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    letter-spacing: 0.2rem;
}

.fourth-content2{
    /*margin:0 auto;*/
    font-size:1.25rem;
    color:#4F6279;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content3{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content4{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content5{
    margin:0 auto;
    color:#4F6279;
    font-size:1rem;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content6{
    /*margin:0 auto;*/
    margin-top:5vh;
    text-align:center;
    font-family: 'Alta_R';
    font-size:1.25rem;
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-content7{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content8{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content9{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:#4F6279;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-button{
    margin-top:-10vh;
    background:#A6A998;
    font-size:1.25rem;
    padding: 1.25rem 2rem 0 2rem;
    border-top-left-radius: 4.375rem;
    border-top-right-radius: 4.375rem;
    line-height: 3.5rem;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:white;
    letter-spacing: 0.2rem;
}

.fifth{
    height:250vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    /*background:url('../image/fifth-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fifth-photo{
    height:200vh;
    width:100vw;
    background: #FCF5E5;
}

.fifth-photo1{
    height:100vh;
    width:100vw;
    background:white;
    background:url('../image/fifth-photo-1.png');
    /*background:url('../image/bg-fifth-1-hp.webp');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fifth-photo2{
    height:100vh;
    width:50vw;
    background:white;
    /*background:url('../image/bg-fifth-2-hp.jpg');*/
    /*background:url('../image/bg-fifth-2-hp.webp');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}
.fifth-photo3{
    height:100vh;
    width:50vw;
    background:white;
    /*background:url('../image/bg-fifth-3-hp.jpg');*/
    /*background:url('../image/bg-fifth-3-hp.webp');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}
.fifth-content{
    height:50vh;
    width:100vw;
    background:url('../image/bg-fifth-content.jpg');
    background-size: cover;
    /*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: top;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content:center;*/
    /*align-items: center;*/
}

.fifth-content1{
    text-align:center;
    margin-top:10vh;
    margin-bottom:0px;
    font-family: 'Cormorant SC';
    font-size:3.5rem;
    color:#B08177;
}

.fifth-content2{
    text-align:center;
    font-family: 'Cormorant' bold;
    font-size:1.5rem;
    color:#B08177;
    margin-bottom:8vh;
}

.fifth-button{
    margin:0 auto;
    text-align:center;
    color:#392B20;
}

.fifth-button1, .fifth-button2{
    background:#EEE8AD;
    margin-left:2vw;
    margin-right:2vw;
    text-decoration: none;
    padding: 0.7rem 1rem;
    border-radius:1rem;
    cursor:pointer;
    border: 0px;
    font-family:"Cormorant SC" !important;
    width: 20vw;
    color:#392B20;
    font-size:1.75rem;
}

.sixth{
    height:130vh;
    display: flex;
    flex-direction: column;
    /*justify-content:center;*/
    align-items: center;
    /*background:url('../image/sixth-wish.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.sixth-top{
    height:100vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.sixth-top-form{
    margin:8vh 8vw;
    padding: 1.2em 1.2em;
    border-radius: 1em;
    /*background: #DFD998;*/
    /*text-align:center;*/
}


.sixth-top-title{
    margin-top:1vh;
    text-align:center;
    /*font-family:"Cormorant SC", bold !important;*/
    font-size:1.375rem;
    color:#855983;
}


.sixth-top-button-container{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    width:100%;
}

.sixth-top-button{
    /*margin-top:15vh;*/
    background:#855983;
    font-size: 1.25rem;
    border-radius: 1rem;
    border:none;
    text-align:center;
    color:white;
    text-decoration:none;
    padding:0.625rem;
    border-radius:0.5rem;
    cursor:pointer;
}

.sixth-comment{
    margin:0.5vh 5vw 5vh;
    width:85vw;
    height:70vh;
    overflow-y: scroll;
}

.sixth-comment-content{
    margin:5vw 5vw;
    padding:5vw;
    background:#F3F2F0;
    opacity:75%;
    border:none;
    border-radius: 1rem;
    font-family:"Cormorant" !important;
    color: #472346;
}

.sixth-comment-content h4{
    margin-bottom: 2px;
    font-size:1.25rem;
}

.sixth-comment-content p{
    margin-top: 2px;
    margin-bottom: 1px;
    font-size:1.25rem;
}

.sixth-bottom{
    height:40vh;
    width:100vw;
    padding: 0vh 10vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#BE8D82;
}

.sixth-bottom-title{
    /*font-family: 'Alta_R';*/
    font-family:"Cormorant SC" !important;
    width: 90%;
    text-align: center;
    color:#F3F2F0;
    font-size:1.75rem;
}

.sixth-bottom-content{
    font-family: 'Cormorant';
    color:#F3F2F0;
    width: 90%;
    text-align: center;
    font-size:1rem;
}

.sixth-bottom-button{
    /*letter-spacing: 0.1875rem;*/
    text-decoration:none;
    /*color:#855983;*/
    margin:1.8rem;
    padding:0.625rem;
    font-size:1.25rem;
    font-family:"Cormorant SC" !important;
    border-radius:1rem;
    cursor:pointer;
    border: 0px;
    width:20vw;
}


.seventh{
    /*height:200vh;*/
    /*background:url('../image/seventh-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.seventh-content{
    height:50vh;
    background:url('../image/seventh-closing.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.seventh-top{
    height:100vh;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.seventh-photo1{
    height:100vh;
    width:33vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-photo2{
    height:100vh;
    width:34vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-photo3{
    height:100vh;
    width:33vw;
    background:white;
    /*background:url('../image/bg-seventh-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}

.seventh-text-1{
    margin-top:0;
    padding-top:5vh;
    text-align:center;
    color:#616747;
    font-family:'Southland Regular';
    font-size:5rem;
}

.seventh-content iframe{
    width:70vw;
    height:60vh;
    background:white;
}

.footer{
    height:20vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#CBC3BA;
}

.footer-image{
    height:3.063rem;
    width:6.125rem;
    margin:0 auto;
}

.footer-text{
    margin:0 auto;
    color:white;
    text-align:center;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

@media only screen and (max-width: 1000px)  {
    .first{
    height:100vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    /*font-size: 1.875rem;*/
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    /*background:url('../image/first-bg.png');*/
    /*background:grey;*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-photo{
    z-index:7;
    height:50vh;
    width:100vw;
    margin:0 auto;
    position: relative;
    /*background:#D9C2B0;*/
    /*background:url('../image/bg-first-hp.JPG');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.first-content{
    height:50vh;
    width:100vw;
    /*z-index:9;*/
    top:0px;
    /*background:url('image/opening.jpg');*/
    background-position: top center;
    background-size: cover;
	background-repeat: no-repeat;
    /*background: rgba(0, 0, 0, 0.2);*/
    position: relative;
    bottom: 0px;
}

.first-text{
    margin:5vh auto;
    text-align:center;
    font-size:1rem;
}

.first-date{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    /*color:white;*/
    font-size:1.5rem;
    letter-spacing: 0.2rem;
}

.first2-text{
    margin-top:10vh;
}

.first2-were{
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:black;
    letter-spacing: 0.2rem;
    font-size:1rem;
}

.first-hashtag{
    margin:0 auto;
    text-align:center;
    /*color:white;*/
    font-size:1.5rem;
    /*letter-spacing: 0.2rem;*/
    margin-top:2rem;
    /*font-family:"Glacial_I_R" !important;*/
}

.countdown{
    justify-content:center;
    align-items: center;
    text-align:center;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

.countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
  width: 5rem;
  height: 5rem;
  /*background: #D9C2B0;*/
  /*border-radius: 50%;*/
  /*font-size:1rem;*/
  margin:0.75rem;
  font-style:italic;
    color: white;
    letter-spacing: 0.2rem;
}

.countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
  /*margin-top:0.625rem;*/
  font-size:1.5rem;
  margin-top:0rem;
}

.ourStory{
    /*height:200vw;*/
    /*background:url('../image/bg-ourStory-2.png');*/
    /*background:url('../image/bg-ourStory-3.webp');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.second{
    /*height:200vw;*/
    /*height:60vh;*/
    /*height:45rem;*/
    display: flex;
    flex-direction: row;
    /*background:url('../image/second-bg.png');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
}

.third{
    /*height:150vh;*/
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    /*align-content: space-between;*/
    flex-direction: column;
    /*background:url('../image/third-bg.gif');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.third-top{
    /*height:100vh;*/
    width:100vw;
    /*background:black;*/
    background: #9B9D8F;
    /*background:url('../image/third-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third-bottom{
    /*height:50vh;*/
    width:100vw;
    /*background:url('../image/second-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
    
}

@media only screen and (max-width: 600px)  {
 .first{
    height:187vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    /*font-size: 1.875rem;*/
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    background:url('../image/first-background.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first-photo{
    z-index:7;
    height:50vh;
    width:100vw;
    margin:0 auto;
    position: relative;
    /*background:#D9C2B0;*/
    /*background:url('../image/bg-first-hp.JPG');*/
    padding:0;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.first-content{
    height:97vh;
    width:100vw;
    /*z-index:9;*/
    /*background: #FCF5E5;*/
    position: relative;
    /*background:url('../image/opening.jpg');*/
    background-position: top center;
    background-size: cover;
	background-repeat: no-repeat;
    /*background: rgba(0, 0, 0, 0.2);*/
    bottom: 0px;
}

.first-text{
    margin-top:65vh;
    margin-bottom:1vh;
    text-align:center;
    color: #B08177;
}

.first-wedinfo{
    margin:0 auto;
    text-align:center;
    font-family: "Cormorant SC" !important;
    font-style: normal;
    font-size:0.9rem;
}

.first-name{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    font-family: "Cormorant SC" !important;
    font-style: normal;
    font-size:1.75rem;
    letter-spacing: 0.2rem;
}

.first-date{
    /*  position: absolute;*/
    margin:0 auto;
    text-align:center;
    font-family: "Cormorant SC" !important;
    font-style: normal;
    font-size: 1rem;
    color: #C2A894;
}

.first-hastag{
    text-align:center;
    font-family:"Cormorant" !important;
    color: #B08177;
    font-size:1rem;
    margin:auto;
}

.first-quote{
    text-align:center;
    font-family:"Cormorant" !important;
    color: #605852;
    font-size:0.8rem;
    padding: 0rem 1rem;
}

.first2-quote{
    text-align:center;
    font-family:"Cormorant SC" !important;
    color: #605852;
    font-size:0.8rem;
    padding: 0rem 1rem;
}

 .first2{
    height:50vh;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
    background: #FCF5E5;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.first2-content{
    height:90vh;
    padding-top:2vh;
    width:100vw;
    /*z-index:9;*/
    /*background:url('../image/first2-background.jpg');*/
    position: relative;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.first-dateinfo{
    margin-top:2vh;
    text-align:center;
    font-size:1.375rem;
    font-family:"Cormorant" !important;
    color:#ffffff;
}

.countdown{
    justify-content:center;
    align-items: center;
    text-align:center;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}

.countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{
  width: 4rem;
  height: 4rem;
  font-size:1rem;
  margin:0.5rem;
    color: #ffffff;
  font-family: "Cormorant Garamond", normal !important;
  /*font-weight: 800;*/
}

.countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{
  /*margin-top:0.313rem;*/
  font-size:1.5rem;
  margin-top:-1rem;
  font-family: "Cormorant Garamond", normal !important;
  color: #ffffff;
}

.ourStory{
    height:160vh;
    background:url('../image/second-profile.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}


.second{
    height:270vh;
    /*height:45rem;*/
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content:center;
    align-items: center;
    align-content: space-between;
}

.second-story1{
    height:130vh;
    background:url('../image/second-top.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.second-story2{
    height:180vh;
    background:url('../image/second-bottom.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.second-detail1{
    height:100vh;
    background:url('../image/second-detail1.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.second-detail2{
    height:90vh;
    background:url('../image/second-detail2.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third{
    height:150vh;
    padding:3vh;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
    background:url('../image/third-bg.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.third-top{
    height:110vh;
    width:100vw;
    background: #FCF5E5;
    background:url('../image/third-gallery.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.third-bottom{
    /*height:30vh;*/
    width:70vw;
    /*background:url('../image/second-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth{
    height:100vh;
    /*margin:2.5vh;*/
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    text-align: center;
    justify-content:center;
    align-items: center;
    background:white;
    background:url('../image/detail-acara.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth-details2{
    height:100vh;
    width:95vw;
    margin-left:2.5vw;
    margin-right:2.5vw;
    /*margin:2.5vh;*/
    /*background:url('../image/details acara - 2.png');*/
    /*background:url('../image/detail event.gif');*/
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.fourth-details{
    /*margin:0 auto;*/
    display:inline-block;
   position:relative;
   text-align:left;
    font-family: 'Alta_R';
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-date{
    /*margin:0 auto;*/
    text-align:center;
    font-family: 'Southland';
    color:black;
    font-weight:bold;
    font-size:2rem;
    /*letter-spacing: 0.2rem;*/
}

.fourth-date sup{
    font-family: 'Alta_R';
    color:black;
    font-size:0.75rem;
    letter-spacing: 0.2rem;
}

.fourth-content1{
    margin:0 10vw;
    font-size:0.8rem;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    letter-spacing: 0.2rem;
}

.fourth-content2{
    /*margin:0 auto;*/
    font-size:1.25rem;
    color:#4F6279;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content3{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content4{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content5{
    margin:0 auto;
    color:#4F6279;
    font-size:1rem;
    text-align:center;
    font-family: 'Alta_R';
    letter-spacing: 0.2rem;
}

.fourth-content6{
    /*margin:0 auto;*/
    margin-top:5vh;
    text-align:center;
    font-family: 'Alta_R';
    font-size:1.25rem;
    color:#4F6279;
    letter-spacing: 0.2rem;
}

.fourth-content7{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content8{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:black;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-content9{
    margin:0 auto;
    text-align:center;
    font-family: 'Alta_R';
    color:#4F6279;
    font-size:1rem;
    letter-spacing: 0.2rem;
}

.fourth-button{
    margin-top:-10vh;
    background:#A6A998;
    font-size:1.25rem;
    padding: 1.25rem 2rem 0 2rem;
    border-top-left-radius: 4.375rem;
    border-top-right-radius: 4.375rem;
    line-height: 3.5rem;
    text-align:center;
    /*font-family: 'Alta_R';*/
    font-family:"Alta Regular" !important;
    color:white;
    letter-spacing: 0.2rem;
}

.fifth{
    height:100vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background: #FCF5E5;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.fifth-photo{
    height:60vh;
    width:70vw;
}

.fifth-photo1{
    height:40vh;
    width:70vw;
    background:white;
    /*background:url('../image/bg-fifth-1-hp.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.fifth-photo2{
    height:30vh;
    width:70vw;
    background:white;
    /*background:url('../image/bg-fifth-2-hp.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}
.fifth-photo3{
    height:40vh;
    width:70vw;
    background:white;
    /*background:url('../image/bg-fifth-3-hp.jpg');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    display: table-cell;
}

.fifth-content{
    height:40vh;
    width:100vw;
    background:url('../image/bg-fifth-content.jpg');
    background-size: cover;
    /*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: center;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content:center;*/
    /*align-items: center;*/
}

.fifth-content1{
    text-align:center;
    margin-top:2vh;
    margin-bottom:0px;
    /*font-family: 'Southland Regular';*/
    font-family: 'Cormorant SC';
    font-size:2.5rem;
    color:#B08177;
}

.fifth-content2{
    text-align:center;
    font-family: 'Cormorant' bold;
    font-size:0.9rem;
    color:#B08177;
    margin-bottom:3vh;
}

.fifth-button{
    margin:0 auto;
    text-align:center;
    color:#392B20;
}

.fifth-button1, .fifth-button2{
    background:#EEE8AD;
    margin-left:2vw;
    margin-right:2vw;
    text-decoration: none;
    padding: 0.7rem 1rem;
    border-radius:0.8rem;
    cursor:pointer;
    border: 0px;
    font-family:"Cormorant SC" !important;
    width: 40vw;
    color:#392B20;
    font-size:1.1rem;
}

.sixth{
    height:280vh;
    display: flex;
    flex-direction: column;
    /*justify-content:center;*/
    align-items: center;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.sixth-top{
    height:100vh;
    display: flex;
    background:url('../image/sixth-top.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.sixth-top-form{
    margin:4vh 4vw;
    padding: 0.7em 0.7em;
    /*text-align:center;*/
}

.sixth-top-title{
    margin-top:1vh;
    text-align:center;
    font-family:"Great Vibes" !important;
    font-size:1.375rem;
    color:#855983;
}

.sixth-top-form textarea {
    padding: 0.4rem 0.8rem;
    width: 90%;
    margin-bottom:15vh;
    background: #E0DFDD;
    border: none;
    border-radius: 0.5rem;
}

.sixth-top-form input {
    padding: 0.4rem 0.8rem;
    width: 90%;
    margin-bottom:1vh;
    background: #E0DFDD;
    border: none;
    border-radius: 0.5rem;
}

.sixth-top-button-container{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    width:100%;
}

.sixth-top-button{
    /*margin-top:15vh;*/
      text-decoration:none;
    background:#651E3F;
    color: white;
    margin:1.8rem;
    padding:0.625rem;
    font-size:1rem;
    font-family:"Cormorant", italic !important;
    border-radius:0.5rem;
    cursor:pointer;
    border: 0px;
    width: fit-content;
}

.sixth-comment{
    margin:12vh 5vw 5vh;
    width:85vw;
    height:70vh;
    overflow-y: scroll;
}

.sixth-comment-content{
    margin:5vw 5vw;
    padding: 5vw;
    background:#F3F2F0;
    opacity:75%;
    border:none;
    border-radius: 1rem;
    font-family:"Cormorant" !important;
    color: #472346;
}

.sixth-comment-content h4{
    margin-bottom: 2px;
    font-size:1rem;
}

.sixth-comment-content p{
    margin-top: 2px;
    margin-bottom: 1px;
    font-size:1rem;
}

.sixth-bottom{
    height:90vh;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:url('../image/gift-bg.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.sixth-bottom-title{
    /*font-family: 'Alta_R';*/
    font-family:"Cormorant SC" !important;
    width: 90%;
    text-align: center;
    color:#F3F2F0;
    font-size:1.5rem;
}

.sixth-bottom-content{
    font-family: 'Cormorant';
    color:#F3F2F0;
    width: 90%;
    text-align: center;
    font-size:1rem;
}

.sixth-bottom-button{
    /*letter-spacing: 0.1875rem;*/
    text-decoration:none;
    background:#651E3F;
    color: white;
    margin:1.8rem;
    padding:0.625rem;
    font-size:1rem;
    font-family:"Cormorant", italic !important;
    border-radius:0.5rem;
    cursor:pointer;
    border: 0px;
    width: fit-content;
}

.sixth-wishes{
    height:90vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background:url('../image/sixth-wishes.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.seventh{
    /*height:120vh;*/
    /*background:url('../image/seventh-bg.png');*/
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.seventh-content{
    height:80vh;
    background:url('../image/seventh-closing.png');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    
}

.seventh-text-1{
    margin-top:0;
    padding-top:5vh;
    text-align:center;
    color:#616747;
    font-family:'Southland Regular';
    font-size:2.5rem;
}

.seventh-content iframe{
    height:50vh;
    width:70vw;
    
}

.footer{
    height:20vh;
    width:100vw;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background:#6B6C60;
}

.footer-image{
    height:3.063rem;
    width:6.125rem;
    margin:0 auto;
}

.footer-text{
    margin:0 auto;
    color:white;
    text-align:center;
    font-size:0.75rem;
    letter-spacing: 0.2rem;
}

/*@media only screen and (max-width: 850px)  {*/
/*    .first{*/
/*        height:100vh;*/
        /*background:url('../image/first-bg.png');*/
/*        background-size: cover;*/
/*    	background-repeat: no-repeat;*/
/*    	background-position: bottom center;*/
/*    }*/
    
/*}*/

/*@media only screen and (max-width: 380px)  {*/
/*    .first-date{*/
/*        font-size:1rem;*/
/*        letter-spacing: 0.2rem;*/
/*    }*/
    
/*    .first2-were{*/
/*        font-size:0.5rem;*/
/*        letter-spacing: 0.2rem;*/
/*    }*/
    
/*    .countdown{*/
        /*height:16rem;*/
        /*height:75vh;*/
/*    }*/
    
/*    .countdown-item-1, .countdown-item-2, .countdown-item-3, .countdown-item-4{*/
/*      width: 3rem;*/
/*      height: 3rem;*/
/*      border-radius: 50%;*/
/*      font-size:0.7rem;*/
      /*font-size:1rem;*/
/*      margin:0.7rem;*/
/*    }*/
    
/*    .countdown-item-1 p, .countdown-item-2 p, .countdown-item-3 p, .countdown-item-4 p{*/
      /*margin-top:0.313rem;*/
/*      margin-top:-0.2rem;*/
/*      font-size:1rem;*/
/*    }*/
/*}*/