/* CSS Gallery Images */


.hero-slider-content-container {
  position: absolute;
  left: 2.5%;
  bottom: 15%;
  width: 95vw;
  z-index: 11;
  text-align: center;
}

.hero-image-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}

/* CSS Static Hero mages */

.hero-image-content-container {
  position: absolute;
  left: 50%;
  bottom: 7.5%;
  transform: translateX(-50%) translateY(0);
  width: 90vw;
  z-index: 11;
  text-align: center;
}

@media only screen and (min-width: 600px) and (orientation: portrait) { 
	.hero-image-content-container {
		bottom: 7.5%;
		width: 85vw; }
    .hero-slider-content-container {
        bottom: 10%;}
}

@media only screen and (min-width: 1000px) and (orientation: landscape) { 
	.hero-image-content-container {
        bottom: 7.5%;
		width: 90vw; }
    .hero-slider-content-container {
        left: 7.5%;
        width: 85vw;
        bottom: 10.0%;}
}

@media only screen and (max-width: 900px) and (orientation: landscape) { 
	.hero-image-content-container {
        bottom: 5%;
		width: 85vw; }
    .hero-slider-content-container {
        bottom: 15%;}
}

/* Slider Images */

/* Slide 01 */

.gallery-image-slide-1 {
	background: url(../img/galleryimages/gallery_image_01_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-1{
    		background: url(../img/galleryimages/gallery_image_01_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-1{
    		background: url(../img/galleryimages/gallery_image_01_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 02 */

.gallery-image-slide-2 {
	background: url(../img/galleryimages/gallery_image_02_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-2 {
    		background: url(../img/galleryimages/gallery_image_02_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-2 {
    		background: url(../img/galleryimages/gallery_image_02_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 03 */

.gallery-image-slide-3 {
	background: url(../img/galleryimages/gallery_image_07_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-3 {
    		background: url(../img/galleryimages/gallery_image_07_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-3 {
    		background: url(../img/galleryimages/gallery_image_07_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 04 */

.gallery-image-slide-4 {
	background: url(../img/galleryimages/gallery_image_04_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-4 {
    		background: url(../img/galleryimages/gallery_image_04_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-4 {
    		background: url(../img/galleryimages/gallery_image_04_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 05 */

.gallery-image-slide-5 {
	background: url(../img/galleryimages/gallery_image_05_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-5 {
    		background: url(../img/galleryimages/gallery_image_05_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-5 {
    		background: url(../img/galleryimages/gallery_image_05_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 06 */

.gallery-image-slide-6 {
	background: url(../img/galleryimages/gallery_image_06_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-6 {
    		background: url(../img/galleryimages/gallery_image_06_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-6 {
    		background: url(../img/galleryimages/gallery_image_06_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 07 */

.gallery-image-slide-7 {
	background: url(../img/galleryimages/gallery_image_09_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-7 {
    		background: url(../img/galleryimages/gallery_image_09_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-7 {
    		background: url(../img/galleryimages/gallery_image_09_landscape.jpg) no-repeat top center/cover; }
}

/* Slide 8 */

.gallery-image-slide-8 {
	background: url(../img/galleryimages/gallery_image_10_mobile.jpg) no-repeat top center/cover; }

    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.gallery-image-slide-8 {
    		background: url(../img/galleryimages/gallery_image_10_portrait.jpg) no-repeat top center/cover; }
}
        
    @media only screen and (orientation: landscape) {
  		.gallery-image-slide-8 {
    		background: url(../img/galleryimages/gallery_image_10_landscape.jpg) no-repeat top center/cover; }
}


/* CSS Gallery Images - END */