#introFull
{
  position: fixed;
  bottom: 0;
  background: #000;
  color: #fff;
  width: 100%;
  padding: 20px;
  min-width: 100%;
  min-height: 100%;
  z-index:1000;
}
 /* Style the video: 100% width and height to cover the entire window */
#introVideoBG
{
	z-index:1;
	  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background-image:url(../images/bg_frame.png);
  
}
#introVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index:0;
    transform: translateX(calc((100% - 100vw) / 2));
}

/* Add some content at the bottom of the video/page */
.introContent{
  position: absolute;
  bottom: 44px;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 80%;
  margin:auto;
  padding: 20px;
  z-index:2;
}
.intro-anim-content 
{
	 font-family: "Racing Sans One", 'ducatiStyleExtended', sans-serif;
	 color:#fff;
	font-size:3rem;
	text-align:center;
	font-weight: 700;
	position:absolute;
	left: 50%;
	  width: 350px;
	  margin-left: -175px;
	  top: 30%;
	  opacity: 0; 
	  animation: fadeZoom 23s infinite;
}




.intro-anim-cta
{
	text-decoration:underline;
	 font-family: "Racing Sans One", 'ducatiStyleExtended', sans-serif;
	 color:#fff;
	font-size:3rem;
	text-align:center;
	font-weight: 700;
}
.intro-event-city
{
	background-color: #f00;
  color: #fff;
  padding: 20px 50px;
  font-size: 2.5rem;
  display: inline-block;
  font-weight: 900;
  text-transform: uppercase
}
.intro-event-date
{
color: #fff;
  padding: 10px;
  font-size: 1.4rem;
  display: inline-block;
  font-style: italic;
}


.intro-anim { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:2; } 
.intro-anim-content:nth-child(1) { animation-delay: 0s; }
.intro-anim-content:nth-child(2) { animation-delay: 2.5s; } 
.intro-anim-content:nth-child(3) { animation-delay: 5s; } 
.intro-anim-content:nth-child(4) { animation-delay: 7.5s; } 
.intro-anim-content:nth-child(5) { animation-delay: 10s; }
.intro-anim-content:nth-child(6) { animation-delay: 12.5s; }
.intro-anim-content:nth-child(7) { animation-delay: 15s; }
.intro-anim-content:nth-child(8) { animation-delay: 17.5s; }
.intro-anim-content:nth-child(9) { animation-delay: 20s; }

@keyframes fadeZoom { 0% { opacity: 0; transform: scale(0.5); } 5% { opacity: 1; transform: scale(1.1); } 10% { opacity: 1; transform: scale(1.1); } 12% { opacity: 0; transform: scale(0.3); } 100% { opacity: 0; transform: scale(0.5); } }

@media only screen and (max-height: 592px) {
.intro-anim-content 
{top:20px;}


}