.jarallax-keep-img {
    position: relative;
    z-index: 0;
}
.jarallax-keep-img > .jarallax-img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: -100;
}

 
.jarallax-keep-img.demo-float-left {
    margin-right: 15px;
    margin-left: -60px;
}
.jarallax-keep-img.demo-float-right {
    margin-left: 15px;
    margin-right: -60px;
}


/* hero block */
.demo-table {
    display: table;
    /*width: 65%;
    height: 1000px;*/
    /*background-color: rgba(39, 35, 51, 0.6);*/
    color: #fff;
    margin: 0 auto;
}
.demo-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}
.demo-table-cell h1, .demo-table-row h1 {   
	margin-bottom: 65px;
	padding-top: 4%;
}
.demo-table-cell p, .demo-table-row p {
    font-size: 1.2rem;
	font-family: 'CenturyGothicPro-Bold';
}
.demo-table-cell h1.main, .demo-table-row h1.main {
	margin-bottom: 2.5rem;
}
.demo-table-cell p.sub, .demo-table-row p.sub {
	font-size:2rem;
}
.demo-table-row {
    display: table-row;
    text-align: center;
    vertical-align: middle;
}

/* gap */
.demo-gap {
    padding: 50px;
    overflow: hidden;
}
.demo-gap h1,
.demo-gap h2,
.demo-gap h3 {
    text-align: center;
}
.demo-gap .container {
    max-width: 800px;
    margin: 0 auto;
}
.demo-gap-half {
    display: table;
    width: 100%;
}
.demo-gap-half > div {
    display: table-cell;
    width: 50%;
}
.demo-gap-half .demo-gap-1 .jarallax,
.demo-gap-half .demo-gap-2 .jarallax {
    padding-top: 56.25%;
    min-height: 0;
    height: 0;
}
.demo-gap-half .demo-gap-1 .jarallax {
    padding-top: 112.5%;
}

/* Demo Content */
.demo-content {
    background-color: #f7f7f7;
    padding: 80px;
}


/* Float */
.demo-float-left {
    float: left;
}
.demo-float-right {
    float: right;
}


/* Carousel */
.demo-carousel {
    background-color: rgb(39, 35, 51);
}
.demo-carousel .demo-carousel-item {
    width: 33.33%;
    min-height: 300px;
}

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    /*font-family: 'object-fit: cover;';*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.demo-table-cell{
	display: none;
}
.demo-table-cell h1{
    -webkit-animation: bounceInDown 4000ms ease-in-out;
    -moz-animation: bounceInDown 4000ms ease-in-out;
    -ms-animation: bounceInDown 4000ms ease-in-out;
    animation: bounceInDown 4000ms ease-in-out;
}

.demo-table-cell p{
    -webkit-animation: bounceInUp 5000ms ease-in-out;
    -moz-animation: bounceInUp 5000ms ease-in-out;
    -ms-animation: bounceInUp 5000ms ease-in-out;
    animation: bounceInUp 5000ms ease-in-out;
}
@-webkit-keyframes bounceInUp {
    0% {
       opacity: 0;
       -webkit-transform: translateY(2000px);
    }
    30% {
       opacity: 0;
       -webkit-transform: translateY(285px);
    }
    60% {
       opacity: 1;
       -webkit-transform: translateY(-30px);
    }
    80% {
       -webkit-transform: translateY(10px);
    }
    100% {
       -webkit-transform: translateY(0);
    }
 }
@keyframes bounceInDown {
   0% {
      opacity: 0;
      transform: translateY(-150px);
   }
   60% {
      opacity: 1;
      transform: translateY(30px);
   }
   80% {
      transform: translateY(-10px);
   }
   100% {
      transform: translateY(0);
   }
}