@charset "UTF-8";
/* CSS Document */
.picture-container {width:100%; height: 50vh; overflow:hidden; position:relative;}

.picture-slide::after {content:""; display:block; width:100%; height:100%; position:absolute; margin: 0 auto; }

.picture-wrapper {width:100%; height:100%; margin-top: 5%; padding-bottom:45%; position:relative;}

.picture-slide {position:absolute; left:100%; top:0; width:100%; height:100%;}

.picture-slide picture {display:block; width:100%;}

.picture-slide picture img {display:block; width:180%;margin: 0 auto;}



.picture-wrapper .picture-slide:nth-of-type(1) {animation:autoplay1 20s infinite -1s;}

.picture-wrapper .picture-slide:nth-of-type(2) {animation:autoplay1 20s infinite 4s;}

.picture-wrapper .picture-slide:nth-of-type(3) {animation:autoplay1 20s infinite 9s;}

.picture-wrapper .picture-slide:nth-of-type(4) {animation:autoplay1 20s infinite 14s;}



@keyframes autoplay1 {

0% {left:190%;}

5% {left:0;} 

25% {left:0;} 

30% {left:-190%;}

100% {left:-190%}

}



.text-slide {position:absolute; left:-110%; top:0px; width:100%; height:100%;}

.text-slide section {display:block; width:100%;padding-left: 0%; text-align:center; color:#fff; }

.text-slide section h1 {margin-top:10px; padding:0; color:#fff; font:300 8vmin/12vmin 'Lato', sans-serif, italic;background-color: black; opacity: .6;}

.text-slide section p {padding:0; color:#fff; font:400 16px/18px 'Lato', sans-serif; position:absolute; bottom:45%; width:100%; background-color: #ba1e4f; opacity: .8;}



.picture-wrapper .text-slide:nth-of-type(5) {animation:autoplay2 20s infinite -1s;}

.picture-wrapper .text-slide:nth-of-type(6) {animation:autoplay2 20s infinite 4s;}

.picture-wrapper .text-slide:nth-of-type(7) {animation:autoplay2 20s infinite 9s;}

.picture-wrapper .text-slide:nth-of-type(8) {animation:autoplay2 20s infinite 14s;}



@keyframes autoplay2 {

0% {left:-190%;}

5% {left:0;} 

25% {left:0;} 

30% {left:190%;}

100% {left:190%}

}

@media (min-width: 610px){
	.picture-container{height: 100vh; margin: 0% 0% -15% 0%;
	}
	.picture-wrapper{height: 100%; margin-top: 1%; padding-bottom:  55%;}
	.text-slide section
	{right:15%; }
	.text-slide section h1
	{margin-top: 100px;font:300 10vmin/15vmin;}
	.text-slide section p {font:400 30px;bottom:55%; left: 0; width: 100%;}
}
@media (min-width:1024px)
{.picture-container{width: 100%; margin: 0% 0% -35% 0%;}
	.picture-slide picture img {display:block; width:100%; margin: 0 auto;}
.picture-wrapper{height: 25%; padding-bottom:  75%;margin-bottom: 0;}
	.text-slide section h1 {font:300 10vmin/15vmin;margin-top: 230px;}

	.text-slide section p {font-size: 2em; height: 1em; bottom:45%; left: 0; width: 100%;}
	@keyframes autoplay1 {

0% {left:110%;}

5% {left:0;} 

25% {left:0;} 

30% {left:-110%;}

100% {left:-110%}

}
	@keyframes autoplay2 {

0% {left:-110%;}

5% {left:0;} 

25% {left:0;} 

30% {left:110%;}

100% {left:110%}

}


}