@charset "utf-8";

.heroVideo {
	padding-bottom: 36%;
}

.heroBanner {
}

.heroText {
	position: absolute;
	text-align: center;
	width: 50%;
	left: 25%;
	right: 25%;
	top: 300px;
	margin-left: auto;
	margin-right: auto;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	opacity: 0.8;
}
.heroText h1 {
	font-size: 90px;
	font-weight: 700;
	color: hsla(0,0%,100%,1.00);
	text-shadow: -2px -2px 0px hsla(0,0%,0%,0.80);
	margin-bottom: 80px;
	text-transform: uppercase;
}

.heroText h2 {
	font-size: 30px;
	font-weight: 700;
	color: hsla(0,0%,100%,1.00);
	text-shadow: -2px -2px 0px hsla(0,0%,0%,0.80);
}

.heroScroll {
}

.heroScroll a img {
	padding-top: 80px;
	opacity: 0.66;
	width: 80px;
	height: auto;
}

.heroScroll a:hover img {
	opacity: 1;
}



.eventScroll a img {
	padding-top: 40px;
	width: 240px;
	height: auto;
}

.eventScroll a:hover img {
	
  -webkit-filter: hue-rotate(45deg);
  filter: hue-rotate(45deg);
	
}


@media screen and (max-width:2200px){
.heroText {
	top: 280px;
}
.heroText h1 {
	font-size: 60px;
}

}

@media screen and (max-width:1800px){
.heroText {
	top: 260px;
}

.heroScroll a img {
	padding-top: 40px;
	width: 70px;
}
	
	
}

@media screen and (max-width:1500px){
.heroText {
	top: 220px;
}
.heroText h1 {
	font-size: 50px;
}

.heroScroll a img {
	padding-top: 30px;
	width: 60px;
}
}

@media screen and (max-width:1300px){
.heroText {
	top: 240px;
}
.heroText h1 {
	font-size: 45px;
	margin-bottom: 40px;
}
.heroScroll a img {
	padding-top: 30px;
	width: 45px;
}
}

@media screen and (max-width:1100px){
.heroText {
	width: 76%;
	left: 12%;
	right: 12%;
}
.heroText h1 {
	font-size: 40px;
	margin-bottom: 40px;
}

.heroScroll a img {
	padding-top: -3000px;
	visibility: hidden;
}
	
	
.eventScroll a img {
	padding-top: 10px;
	width: 160px;
}	
}

@media screen and (max-width:900px){

.heroText h2 {
	font-size: 20px;
}
}

@media screen and (max-width:767px){
.heroText {
	width: 0%px;
	height: 0%px;
	top: -80000px;
	visibility: hidden;
}
}