.hero-fullscreen {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 0;
    }
    
.hero-bg {
position: relative;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

.hero-fullscreen-FIX {
width: 100%;
height: 100%;
}

.bg-img-SINGLE {
    background-image: url(../img/haunted.png);
    }
    
/*
@media only screen and (max-width: 995px) {
    .bg-img-SINGLE {
    background-image: url(../intro-images/img/background/SINGLE-bg-mobile.jpg);
    }
}
*/

.center-container {
position: absolute;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
background: none;
}

.center-block {
display: table-cell;
vertical-align: middle;
}

img.home-page-image {
display: block;
max-width: 40%;
margin: -14px auto -5px auto;
z-index: 1;  
}

@media only screen and (max-width: 880px) {
    img.home-page-image {
    max-width: 70%;
    margin: -10px auto -4px auto;
    }
}

@media only screen and (max-width: 640px) {
    img.home-page-image {
    max-width: 80%;
    margin: -9px auto -2px auto;
    }
}

h1.home-page-title {
position: relative;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 115px;
text-align: center;
text-transform: uppercase;
letter-spacing: -0.02em;
color: #fff;
margin: -14px auto -5px auto;
width: 100%;
line-height: 100%;
z-index: 1;
}

@media only screen and (max-width: 880px) {
    h1.home-page-title {
    font-size: 85px;
    margin: -10px auto -4px auto;
    }
}

@media only screen and (max-width: 640px) {
    h1.home-page-title {
    font-size: 65px;
    margin: -9px auto -2px auto;
    }
}

h2.home-page-title {
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 2vw;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #fff;
margin: -2px 0 0 11px;
}

@media only screen and (max-width: 880px) {
    h2.home-page-title {
        font-size: 4vw;
    } 
}

@media only screen and (max-width: 768px) {
    h2.home-page-title {
        font-size: 4vw;
    } 
}

.text-shadow {
    text-shadow: 2px 2px #000000;
}

.inner-divider,
.inner-divider-half,
.inner-divider-ultra-half {
position: relative;
width: 100%;
margin: 0 auto;
background: none;
z-index: -1;
}

.inner-divider {
height: 100px;
}

@media all and (min-width: 1920px) {
  .inner-divider {
	height: 150px;
  }
}

@media only screen and (max-width: 980px) {
  .inner-divider {
    height: 100px;
  }
}

@media only screen and (max-width: 640px) {
  .inner-divider {
    height: 80px;
  }
}

.inner-divider-half {
height: 50px;
}

@media all and (min-width: 1920px) {
  .inner-divider-half {
	height: 75px;
  }
}

.inner-divider-ultra-half {
height: 25px;
}