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

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

.picture-wrapper {width:100%; height:0px; margin-top: 2%; padding-bottom:30%; 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:100%; margin: 0 auto;}



.picture-wrapper .picture-slide:nth-of-type(1) {animation:autoplay1 35s infinite -1s;}
.picture-wrapper .picture-slide:nth-of-type(2) {animation:autoplay1 35s infinite 4s;}
.picture-wrapper .picture-slide:nth-of-type(3) {animation:autoplay1 35s infinite 9s;}
.picture-wrapper .picture-slide:nth-of-type(4) {animation:autoplay1 35s infinite 14s;}
.picture-wrapper .picture-slide:nth-of-type(5) {animation:autoplay1 35s infinite 19s;}
.picture-wrapper .picture-slide:nth-of-type(6) {animation:autoplay1 35s infinite 24s;}
.picture-wrapper .picture-slide:nth-of-type(7) {animation:autoplay1 35s infinite 29s;}

@keyframes autoplay1 {

0% {left:120%;}
5% {left:0;} 
25% {left:0;} 
30% {left:-120%;}
35% {left:-120%}
40% {left:-120%}
45% {left:-120%}
100% {left:-120%}

}



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

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

.text-slide section h1 {margin:0; padding:0; color:#fff; font:300 1.5em/1em 'Lato', sans-serif, italic;background-color: black; opacity: .9;}

.text-slide section p {margin:0; color:#fff; font:400 .65em/1em 'Lato', sans-serif; position:absolute; bottom:100%; width:100%; background-color: black; opacity: .6;}



.picture-wrapper .text-slide:nth-of-type(8) {animation:autoplay2 35s infinite -1s;}
.picture-wrapper .text-slide:nth-of-type(9) {animation:autoplay2 35s infinite 4s;}
.picture-wrapper .text-slide:nth-of-type(10) {animation:autoplay2 35s infinite 9s;}
.picture-wrapper .text-slide:nth-of-type(11) {animation:autoplay2 35s infinite 14s;}
.picture-wrapper .text-slide:nth-of-type(12) {animation:autoplay2 35s infinite 19s;}
.picture-wrapper .text-slide:nth-of-type(13) {animation:autoplay2 35s infinite 24s;}
.picture-wrapper .text-slide:nth-of-type(14) {animation:autoplay2 35s infinite 29s;}

@keyframes autoplay2 {

0% {left:-120%;}
5% {left:0;} 
25% {left:50%;} 
30% {left:120%;}
35% {left:120%;}
40% {left:120%;}
45% {left:120%;}
100% {left:120%}

}

@media (min-width: 768px){
	.picture-container{height: 100%; margin: 0% 2% 0% 2%;
	}
	.picture-wrapper{height: 100%; margin-top: 0%; margin-bottom: 0%;}
	.text-slide section
	{right:-5%; }
	.text-slide section p
	{font:400 1.5em/1.5em;}
	.text-slide section h1
	{bottom: 25%; font:400 2em/2em}
}
@media (min-width:1024px)
{.picture-container{width: 100%; margin: 0 auto; padding-top: 0%; padding-left: -10%;}
.picture-wrapper{height: 50%; margin-bottom: 0%; margin-top: 0%;}
.text-slide section h1 {margin:0; padding:0; color:#fff; font:300 3.5em/1em 'Lato', sans-serif, italic;background-color: black; opacity: .8;}

.text-slide section p {margin:0; padding-bottom:0; color:#fff; font:400 1.5em/1.5em 'Lato', sans-serif; position:absolute; bottom:80%; width:100%; background-color: black; opacity: .6;}
}