body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif; }
body, html {
  height: 100%;
  color: #777;
  line-height: 1.8;
}

@font-face { font-family: fontA; src: url(imgs/Shabby.ttf); }
@font-face { font-family: fontB; src: url(imgs/SimplePumpkin.otf); }
@font-face { font-family: fontC; src: url(imgs/per_____.ttf); }




/* Create a Parallax Effect */
.bgParalax {
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
}

.fotoGroomBride { border-radius:50%; max-width:270px; }

.w3-wide {  }
.w3-hover-opacity {cursor: pointer;}

.fontJudul  { font-size:130px; font-family:fontA, Arial, Helvetica, sans-serif;}
.fontJudul2 { font-size:37px; line-height: 37px; text-transform: uppercase; font-family:fontC, Arial, Helvetica, sans-serif;}
.tTulisan { font-size:18px; font-family:fontC, Arial, Helvetica, sans-serif;}
.galleryLebar { width: 20%;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
  .bgParalax {
    background-attachment: scroll;
    background-size: cover;
    height: 100%;
    min-height: 700px;
    /*.galleryLebar { width: 33%;} */
  }
  .fontJudul { font-size:100px; font-family:fontA, Arial, Helvetica, sans-serif;}
  .fotoGroomBride { border-radius:50%; max-width:230px; }
}

#contentSemua {overflow: hidden;}
.countDown { margin:auto; width:77px; height:77px; background-color:#FFF; border-radius: 50%;
             padding-top:7px; font-size:37px; font-family:fontC, Arial }
.iconIG { margin:auto; width:37px; height:37px; border-radius: 50%; padding-top:2px; }

.view {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.block {
   text-align: center;
   font-size:18px; font-family:fontC, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}


@keyframes appear {
  from {
    opacity: 0;
    scale:0.5;
  }
  to {
    opacity: 1;
    scale:1;
  }
}

.block {
  animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0% cover 20%;
  text-transform: uppercase;
}