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

Body {
	Margin:0;
	background-image:url("../Images/Sponsor Content/Ariel Photo-Sponsor.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	padding:0 0;
}

#SponsorHeader-Div {
	width:100%;
	margin:2% 0% 0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-content: center;
	align-items: center;
}

.HeaderIMG {
	width:23%;
	margin:0 2% 0 0;
}

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



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

#SponsorInfo-Div {
	width:73%;
	padding:0 0 2vw;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-content: center;
	align-items: center;
}

.SponsorLinks {
	text-decoration: none;
	background-color: black;
	font-size: 1.7vw;
	font-weight: 3px solid;
	padding:1vw 1.2vw;
	border-radius: 2vw;
	color: #C9C900;
	text-shadow: 1px 1px 1px black;
}

.SponsorLinks:hover {
	text-decoration:underline;
	text-decoration-color: #C9C900;
	background-color: white;
	color: #C60000;
	text-shadow: 1px 1px 1px black;
}

#sponsorinfo-a:hover {
	color:Black;
}

.SponsorLevelDivs {
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	align-content: center;
	align-items:center;
	border-top: 2px black solid;
}

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

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

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

.SponsorLogo-Divs {
	width:75%;
	margin:2% 0 2% 25%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:space-around;
	border-left: solid 1px gray;
	min-height:350px;
}

.GoldLogo-Wraps {
	width:300px;
	padding:2%;
	margin:2%;
	height:150px;
	background-color: white;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	border: solid 1px gray;
	box-shadow: 1px 1px 5px black;
}

.SilverLogo-Wraps {
	width:200px;
	padding:2%;
	margin:2%;
	height:125px;
	background-color: white;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	border: solid 1px gray;
	box-shadow: 1px 1px 5px black;
}

.BronzeLogo-Wraps {
	width:100px;
	padding:1%;
	margin:1%;
	height:75px;
	background-color: white;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	border: solid 1px gray;
	box-shadow: 1px 1px 5px black;
}

#BronzeWrapSix {
	padding:1% 0;
	width:125px;
}

#BronzeLogoEleven {
	width:90%;
}

.SponsorLevel-Hs {
	width:75%;
	margin:3% 0 0 25%;
	font-size: 4vw;
	font-weight: 3px solid;
	color:#C60000;
	text-shadow: 1px 1px 1px black;
}

.SponsorName-H {
	width:100%;
	text-align: center;
	margin:0;
	padding:0;
	font-size:2.5vw;
}



.SponsorLogo-IMGs {
	width:100%;
}

#GoldLogoFive {
	width:65%;
	margin:0 22.5%;
}

@media only screen and (max-width: 900px) {
	
	.SponsorName-H {

		font-size:3.0vw;
}
	
}