/* CSS Heroslider Images */


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

.hero-slider-content-container-long {
  top: 30%;
}

@media only screen and (min-width: 600px) and (orientation: portrait) { 
    
	.hero-slider-content-container {
		top: 38%;
		width: 85vw; }
    
    .hero-slider-content-container-long {
        top: 31.5%; }
}

@media only screen and (min-width: 1000px) and (orientation: landscape) {
    
	.hero-slider-content-container {
		top: 38%;
		width: 90vw; }
    
    .hero-slider-content-container-long {
        top: 31.5%; }
}

@media only screen and (max-width: 950px) and (orientation: landscape) { 
    
	.hero-slider-content-container {
		top: 30%;
		width: 90vw; }

    .hero-slider-content-container-long {
        top: 22.5%; }
}

/* 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; }
}

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

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

/* Slider Images */

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

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

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

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

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

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


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

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

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

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