@charset "UTF-8";
/* CSS Document */

body {
	width:100%;
	margin:0 0;
	padding:0 0 0;
	background-color: #FFFFFF;
	
}

#HomeSplashImgWrap {
	width:40vw;
	margin:0 20.5vw;
	background-color: white;
}

#HomeSplashImg {
	width:40vw;
	padding:1vw .5vw .5vw;
}

#TY-Div {
	margin:0vw 0 0;
	padding: 9vw 0 0vw;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content: center;
	align-items: center;
	
}

#TY-Header {
	margin:-6% 0 0;
	padding:0vw;
	Width:100%;
	text-align: center;
	font-size:5vw;
	font-weight: 600;
	color:#D9C000;
	text-shadow: 1px 1px 2px black;
}

#GermanHeader {
	margin:2% 0 0;
	padding:0vw;
	Width:100%;
	text-align: center;
	font-size:3.5vw;
	font-weight: 600;
	color:#C60000;
	text-shadow: 1px 1px 2px black;
}

.SponsorshipLogos {
	width:30vw;
	padding:0;
	margin:-8% 0 0;
}

#Background-wrap {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content: center;
	align-items: center;
	/*background-image:url("../Images/Ariel Photo.jpg");*/
	background-repeat: no-repeat;
	background-size: 100% 75vw;
	background-attachment: fixed;
	padding:0% 0;
	margin:0;
	min-height:40vw;
}

#HomeContainer {
	padding: 0 0  0;
	z-index: 0;
}

#German-H {
	Width:100%;
	padding:10vw 0 0;
	margin:0 0 0;
	text-align: center;
	font-size:5vw;
	font-weight: 600;
	color:#D9C000;
	text-shadow: 1px 1px 2px black;

}

#Date-H {
	Width:100%;
	margin:0;
	text-align: center;
	font-size:3vw;
	font-weight: 300;
	color:white;
	text-shadow: 1px 1px 2px black;

}


@keyframes bounce {
	0%,
	20%, 50%, 80% {
    transform: translateY(0);opacity:1;
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
	100% {
    transform: translateY(0);
		opacity:1;
  }
}

#arrow {
	width:100%;
	height:50px;
	margin:5vh 0 0;
	align-content: center;
	align-items: center;
	background-image: url("../Archived/Images/Spire-Arrow-Down.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;

}

.bounce {
  animation: bounce 2s infinite;
}

.Background-Wrap {
	width:80%;
	margin:2vw 0 0;
	padding:.5vw 5vw;
	background-color: rgba(255,255,255,0.85);
}

.GoldBack {
	background-color: rgba(197,166,1,0.2);
}

.SilverBack {
	background-color: rgba(138,138,138,0.43);
}

.BronzeBack {
	background-color: rgba(198,139,75,0.3);
	border-bottom: 2px black solid;
}


.RedSponsorHeaders {
	width:100%;
	text-align: center;
	font-size: 5vw;
	font-weight: 3px solid;
	color:#C60000;
	text-shadow: 1px 1px 1px black;
}

/* Letter Section */

#SponsorLetter-Wrap {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content: center;
	align-items: center;
}

.Letter-Full {
	width:100%;
}

#Letter-End-Wrap {
	margin:0;
	padding:0;
	width:55%;
	align-content: flex-start;
	align-items: flex-start;
}

#CurrentSponsorsLink {
	width:45%;
	text-decoration: none;
	margin:0;
	padding:0;
	align-self: center;
}

#CurrentSponsorsLink-Div {
	width:60%;
	margin:0;
	padding:3.5% 0 0;
	height:7vw;
	border-radius: 5%;
	box-shadow: 0px 1px 1px black, 0px -1px 1px black ;
	background: linear-gradient(180deg, rgba(138,5,5,.5) 0%, rgba(255,255,255,.3) 20%, rgba(255,255,255,.3) 80%, rgba(138,5,5,.5) 100%);
}

#SponsorProst {
	text-align:center;
	margin:0;
	padding:1%;
	color:darkgreen;
	text-shadow: 1px 1px 1px #D9C000;;
	font-size: 2.25vw;
	font-weight: 700;
	font-family:Didot;
}

#CurrentSponsorsLink:hover #SponsorProst {
	color:#C60000;
	font-size:2vw;
}

#CurrentSponsorsLink:hover #CurrentSponsorsLink-Div {
	background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(255,255,255,.3) 20%, rgba(255,255,255,.3) 80%, rgba(0,0,0,.5) 100%);
}


/* Become a Sponsor Section */

#SponsorOpportunities-Wrap {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content: center;
	align-items: center;
}


#Sponsor-WantTo-H{
	width:100%;
	text-align: center;
	font-family:Athelas;
	font-size: 3vw;
	color:#D9C000;
	text-shadow: 1px 1px 1px black;
}

#Sponsor-O-P {
	width:80%;
	font-size: 2vw;
}

#BecomeSponsorsLink, #SponsorProceedsLink {
	text-decoration: none;
	width:60%;
}

#BecomeSponsorsLink-Div , #SponsorProceedsLink-Div{
	width:100%;
	height:6vw;
	background: linear-gradient(180deg, rgba(138,5,5,.5) 0%, rgba(255,255,255,.3) 20%, rgba(255,255,255,.3) 80%, rgba(138,5,5,.5) 100%);
	box-shadow: 0px 1px 1px black , 0px -1px 1px black;;
}

#BecomeSponsor-H , #SponsorProceeds-H {
	width:100%;
	padding:2.5% 0 0;
	color:darkgreen;
	text-shadow: 1px 1px 1px #D9C000;
	text-align: center;
	font-family:Didot;
}

#BecomeSponsorsLink:hover #BecomeSponsorsLink-Div {
	background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(255,255,255,.3) 20%, rgba(255,255,255,.3) 80%, rgba(0,0,0,.5) 100%);
}

#BecomeSponsorsLink:hover #BecomeSponsor-H {
	color:#C60000;
}

#NonP-Statement{
	width:100%;
	font-size: 1.7vw;
	text-align: center;
	
}

#GoldSponsorLevel-Div {
	background-image: url("../Images/Sponsor Content/GoldSponsorLevel+.png");
	background-repeat: no-repeat;
	background-size: 23%;
	background-position: 0% 20px;
}

#SilverSponsorsLevel-Div {
	background-image: url("../Images/Sponsor Content/SilverSponsorLevel.png");
	background-repeat: no-repeat;
	background-size: 23%;
	background-position: 0% 20px;
	min-height:27vw;
}

#BronzeSponsorsLevel-Div {
	background-image: url("../Images/Sponsor Content/BronzeSponsorLevel.png");
	background-repeat: no-repeat;
	background-size: 23%;
	background-position: 0% 20px;
	min-height:27vw;
}

.LevelListItems {
	width:70%;
	padding:1%;
	margin:1%;
}

.LevelList-Lis {
	width:95%;
	padding:1%;
	margin:1% 1% 1% 6%;
	font-family: Didot;
	font-size: 1.7vw;
	
}

.LevelList-Back {
	background-color: rgba(255,255,255,0.7);
	border-radius: 3%;
}

.FunItems {
	width:45%;
	padding:1%;
	margin:1%;
}

.FunList-Lis {
	width:95%;
	padding:1%;
	margin:1% 1% 1% 15%;
	font-family: Didot;
	font-size: 1.6vw;
	list-style: square;
}

.FunListHeader {
	font-family: EnlishTowne;
	font-size: 2vw;
	font-weight:900;
	text-decoration: none;
	text-align: center;
	margin:0;
	list-style: none;
}

.FunList-Back {
	background-color: rgba(203,179,13,0.8);
	border:4px solid #6E0000;
	border-radius: 15%;
}

.BoldList {
	font-size:2vw;
	margin-right:1.5vw;
	font-weight:700;
}