@font-face {
	font-family:Ubuntu-Bold;
	src: url(../fonts/Ubuntu-Bold.ttf) format("opentype");
	}

h3 {
  font-family:Ubuntu-Bold;
}

#preload img{
    display: contents;
}



.banner{
	width: 100%;
	height: 400px;
	margin: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 30%;
	animation-name: banner;
    animation-duration: 20s;
    animation-iteration-count: infinite;
   

}
.texto h1{
    left: 55%;
    top: 120px;
    position:absolute;
    z-index: 0.5;
    color: white;
    font-size:2.5em;
    text-shadow: 1px 1px 2px black;
	justify-content: center;
	align-items: center;
	text-align: left;
}

@media(max-width: 600px){
.texto h1{
	font-size:1.8em;
	left: 5%;
	top: 20%;
	text-shadow: 3px 3px 6px black;
	position: relative;
	padding-top: 5%;
}
}

.iframe-video-intro{
    height: 300px;
}

@media(max-width: 600px){
.iframe-video-intro{
	height: 200px;
}
}


@keyframes banner{
	0%{
		background-image: url(../images/assets/001.jpg);
	}
	4%{
		background-image: url(../images/assets/002.jpg);
	}
	8%{
		background-image: url(../images/assets/003.jpg);
	
	}
	12%{
		background-image: url(../images/assets/004.jpg);
	}
	16%{
		background-image: url(../images/assets/005.jpg);
		
	}
	20%{
		background-image: url(../images/assets/006.jpg);
	}
	24%{
		background-image: url(../images/assets/007.jpg);
	}
	28%{
		background-image: url(../images/assets/008.jpg);
	
	}
	32%{
		background-image: url(../images/assets/009.jpg);
	}
	36%{
		background-image: url(../images/assets/010.jpg);
		
	}
	40%{
		background-image: url(../images/assets/011.jpg);
	}
	44%{
		background-image: url(../images/assets/012.jpg);
	}
	48%{
		background-image: url(../images/assets/013.jpg);
	}
    52%{
		background-image: url(../images/assets/014.jpg);
	}
	56%{
		background-image: url(../images/assets/015.jpg);
	}
	60%{
		background-image: url(../images/assets/016.jpg);
	}
	64%{
		background-image: url(../images/assets/017.jpg);
	}
	68%{
		background-image: url(../images/assets/018.jpg);
	}
	72%{
		background-image: url(../images/assets/019.jpg);
	}
	76%{
		background-image: url(../images/assets/020.jpg);		
	}
	80%{
		background-image: url(../images/assets/021.jpg);
	}
	84%{
		background-image: url(../images/assets/022.jpg);
	}
	88%{
		background-image: url(../images/assets/023.jpg);
	}
	92%
	{
		background-image: url(../images/assets/024.jpg);
	}
	96%{
		background-image: url(../images/assets/025.jpg);
	}
	100%{
		background-image: url(../images/assets/026.jpg);
	}
	



}