@keyframes disp{
	to {opacity:0;}
}

body {
padding: 0;
margin: 0;
background: #F8F4EE;
position: relative;
font-family: 'PT sans narrow',sans-serif;
color: gray;
overflow:hidden;
text-shadow: 0px 1px 1px #888;

}

h1 {
animation: disp 10s 1 ease-out forwards 4s ;
}

h3,h1 {
color: #111;
text-shadow: none;
animation: disp 10s 1 ease-out forwards 4s ;
}


h5 {
position:absolute;
bottom:8vh;
font-size: .8rem;
line-height:.9rem;
font-weight:thin;
color: #444;
text-shadow: none;
right:2vh;
animation: disp 10s 1 ease-out forwards 4s ;
}

small{
color:#ee3726;
animation: disp 10s 1 ease-out forwards 4s ;
}

.wrapper {
width: 100%;
max-width: 1280px;
height:35vh;
margin: 0 ;
text-align: center;
}

.intro {
padding: 0;
min-height: 20vh;
}
.intro header {
padding: 0;
}

.city {
background: 
url(http://www.lacor.info/films/index/images/iframe/city-1.png) no-repeat center 60%, 
url(http://www.lacor.info/films/index/images/iframe/city-2.png) no-repeat center 60%, 
url(http://www.lacor.info/films/index/images/iframe/city-3.png) no-repeat center 60%;
background-size: 100%,100%, 100%;
min-height: 37vh;
width:105vw;
padding: 0 0 ;
animation: disp 10s 1 ease-out forwards 6s ;
}

.don {
background: url(http://www.lacor.info/films/index/images/iframe/don-silo.png) no-repeat bottom left;
background-size: 35%;
min-height: 35vh;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
border-bottom: 30vh solid black;
animation: disp 1s 1 ease-out forwards 5s ;
}


.about {
width:100vw;
height:105vh;
position:absolute;
z-index:-1;
top:-5vh;
right:0;
background: linear-gradient(
      #c5fffe,
      #3cb3be,
      #ee3726 57%,
      #ee3726 98%,
      #333
  );

/*animation: disp 10s 1 ease-out forwards 6s ;	*/
}