/* CSS Heroslider Images */


.hero-slider-content-container {
  position: absolute;
  left: 7.5%;
  bottom: 17.5%;
  width: 85vw;
  z-index: 11;
  text-align: center;
}

/* 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: 12.5%;
        width: 85vw;}
}

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

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

/* Slider Images */

.image-slide-1 {
	background: url(../img/herosliderimages/hero_image_slider_01_portrait.jpg) no-repeat center center/cover; }

	@media only screen and (orientation: landscape) {
  		.image-slide-1 {
    		background: url(../img/herosliderimages/hero_image_slider_01_landscape.jpg) no-repeat center center/cover; }
}

.image-slide-2 {
	background: url(../img/herosliderimages/hero_image_slider_02_portrait.jpg) no-repeat center center/cover; }

	@media only screen and (orientation: landscape) {
  		.image-slide-2 {
    		background: url(../img/herosliderimages/hero_image_slider_02_landscape.jpg) no-repeat center center/cover; }
}

.image-slide-3 {
	background: url(../img/herosliderimages/hero_image_slider_03_portrait.jpg) no-repeat center center/cover; }

	@media only screen and (orientation: landscape) {
  		.image-slide-3 {
    		background: url(../img/herosliderimages/hero_image_slider_03_landscape.jpg) no-repeat center center/cover; }
}

.image-slide-4 {
	background: url(../img/herosliderimages/hero_image_slider_04_portrait.jpg) no-repeat bottom center/cover; }

	    @media only screen and (min-width: 600px) and (orientation: portrait) {
  		.image-slide-4 {
    		background: url(../img/herosliderimages/hero_image_slider_04_portrait.jpg) no-repeat center center/cover; }
}
        
        @media only screen and (orientation: landscape) {
  		.image-slide-4 {
    		background: url(../img/herosliderimages/hero_image_slider_04_landscape.jpg) no-repeat bottom center/cover; }
}

.image-slide-5 {
	background: url(../img/herosliderimages/hero_image_slider_05_portrait.jpg) no-repeat center center/cover; }

	@media only screen and (orientation: landscape) {
  		.image-slide-5 {
    		background: url(../img/herosliderimages/hero_image_slider_05_landscape.jpg) no-repeat center center/cover; }
}