/*===== FIXED BACKGROUND IMG DARK =====*/

/*--- iOS Fixed Background Image --*/
.fixedpro {
  position: relative;
  width: 100%;
}
.fixed-wrappro {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -9999;
}
.fixed-darkpro {
  background-image: url('../img/background/gray-double-bell-clock-1037993.jpg');
  position: fixed;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  z-index: -1;
  top: 0;
  left: 0;
  display: table;
}
.darkpro {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 7rem 0;
  z-index: 1000;
}



#home {
  background: url('../img/banners/cloud.png');
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  width: 100%;
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.landing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh;
  background: #72E5D7;
  opacity: 1;
  z-index: -1;

}


#home h1 {
  text-align: center;
  /*padding: 50% 0 2% 0;*/
  color: #505962;
  font-weight: bolder;
  font-family: 'Bebas Neue', cursive;
  line-height: 1.5rem;
  letter-spacing: 0.4rem;
  font-size: 4.25rem;
  position: relative;
  z-index: 1;
  display: flex;
  vertical-align: center;
  justify-content: center;
  align-content: center;
  /*top: 45%;*/
  text-shadow: 2px 2px #000000;
}

#home h3 {
  margin-top: 2%;
  text-align: center;
  color: #FFD700;
  font-weight: bold;
  padding-top: 2rem;

}

h1 {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5rem;
  /*letter-spacing: 0.15rem;*/
  font-size: 3rem;
  color: #505962;
  font-weight: bold;
  padding: 0 5% 1%;
}

.hul-small {
  border: solid #1EBBA3 6px;
  /*border-radius: 50%;*/
  border-bottom: none;
  width: 25%;
  margin: 5px auto 25px auto;
}

.navbar {
  background: #72E5D7 !important;
}

.navbar .nav-link {
  color: #505962 !important;
}
/*media query */

@media only screen and (max-width: 600px) {
  #home {
    background: url(../banner/cloud.jpg);
    height:60vh;
}
.darkpro h1 {
    font-size: 26px;
}
.flip-card {
    background-color: transparent;
    /* width: 360px; */
    height: 400px !important;
    perspective: 1000px;
    line-height: 1.8;
}
.col-lg-6 {
    margin-bottom: 24px;
}
}