/*Guides*/

/*Work Area*/
/*////////////////////////////////////////////////////////////////*/


/*-----Setup Page-----*/
	:root {
		--Ticket-Height: 300px;
		--EventTicket-Height: 700px;
		--Gallery-Height: 600px;
		--Homepage_Top_Banner: 30vw;
		--Menu-Height: 54px;
		--Video-Dimensions_W: 100%;
		--Video-Dimensions_H: calc(var(--Video-Dimensions_W)*.56);
	}
	:focus {
		outline: none;
		border: none;
	}

	@media (max-width:700px) {
		:root {
			--Homepage_Top_Banner: 55vw;
		}
	}


	* {
		margin: 0px;
		padding: 0px;
		/*overscroll-behavior: none;*/
	}

	img {vertical-align: middle;}

	html {
		background-color: black;
		/*background-color: #00101e;*/
		min-height: 100%;
	}

/*-----Scrollbars-----*/
	::-webkit-scrollbar {
		width: .5em;
	}
	body::-webkit-scrollbar {
		width: 1em;
	}
	 
	::-webkit-scrollbar-track {
		border-radius: 5px;
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,150,200,.1);*/
	}
	 
	::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: rgb(0,100,150);
		outline: 1px solid #001c28;
	}




@media (max-width:700px) {
	::-webkit-scrollbar {
		width: 1em;
	}
	body::-webkit-scrollbar {
		width: 1em;
	}
	 
	::-webkit-scrollbar-track {
		border-radius: 5px;
/*		-webkit-box-shadow: inset 0 0 6px rgba(0,150,200,.1);*/
	}
	 
	::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: rgb(0,100,150);
		outline: 1px solid #001c28;
	}
}





/*-----Colors-----*/
	.ADAC-Blue {
		background-color: #001c28;
	}
	.ADAC-OffBlue {
		background-color: #062c3d;
	}
	.ADAC-DarkBlue {
		background-color: #00101e;
	}
	.ADAC-InactiveBlue {
		background-color: #5f879c;
	}
	.ADAC-ButtonBlue {
		background-image: linear-gradient(#00101e, #062c3d);
	}
	.Blue_Dark{
		background-color: #00101e;
	}
	.ADAC-Gradient {
		background-image: linear-gradient(black, #003d58);
	}

	.ADAC-Gradient2 {
		background-image: linear-gradient(to right, black, #003d58);
	}
	.Black_50_Per {
		background-color: rgba(0,0,0,.7);
	}
	.White_50_Per {
		background-color: rgba(255,255,255,.5);
	}
	.Blue_Fade {
		background-color: rgba(10,38,70,.5);
	}
    .ADAC-Gray {
    background-color: #444444;
	}
	.ADAC-LightBlue {
		background-color: #005f88;
	}
	.Glow {
		box-shadow: 0px 0px 45px rgba(0,150,255,.7);
	}
	.Glow_Hover {
		/*box-shadow: 0px 0px 0px rgba(0,150,255,.7);*/
		transition: .25s;
	}
	.Glow_Hover:hover {
		box-shadow: 0px 0px 45px rgba(0,150,255,.7);
	}

/*-----Scaling-----*/
	.Width_100 {
		position: absolute;
		width: 100%;
	}
/*-----Z-Index-----*/
	.Z-Hidden {
		z-index: -1;
	}
	.Z-Background {
		z-index: -1;
	}
	.Z-Midground {
		z-index: 30;
	}
	.Z-Foreground {
		z-index: 50;
	}
	.Z-Image {
		z-index: 70;
	}
	.Z-Text {
		z-index: 80;
	}
	.Z-Menu {
		z-index: 100;
	}
	.Z-TopMenu {
		z-index: 110;
	}
/*-----Background-----*/
	.Background_Extend-1 {
		display: none;
	}

	.Background_Extend-2 {
		display: none;
	}

	.Background_Extend-3 {
		display: none;
	}

/*-----Utilities-----*/
	/*.StretchDiv {
		display: inline-block;
		position: relative;
	}*/
	/*.Center-Width_50_Per {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}*/
	#Scroll_Stopper {}
	.Circle {
		border-radius: 100%;
		overflow: hidden;
	}



	.Header_Padding {
		padding: 7px;
	}

	.Verticle_Break {
		display: block;
		float: left;
		position: absolute;
		height: .5px;
		width: 80px;
		transform: rotate(90deg);
		margin-top: 10%;
		margin-bottom: 10%;
		background-color: gray;

	}


	.LinkButton_Relink{
	position: relative;
	background-color: #062c3d;
	text-align: center;
	width: 100%;
	
	height: calc(var(--Ticket-Height)*.25);
	right: 0%;
	bottom: 5%;
	font-family: FGMI;
	font-size: 40px;
	letter-spacing: 1px;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	border: none;
	transition: .5s;
	box-shadow: 0 0 0px 1px teal;
	}

.LinkButton_Relink:hover {
	font-size: 42px;
	letter-spacing: 2px;
	background-color: rgb(50,150,215);
	color: white;
	transition: .1s;
	}

	.LinkRegistration_Button {
		display: block;
		background-color: #00101e;
		text-align: center;
		width: 100%;
		height: 100%;
		right: 0%;
		bottom: 5%;
		font-family: FGM;
		font-size: 20px;
		letter-spacing: 1px;
		color: #777;
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: 1s;
	}
	.LinkRegistration_Button:hover {
		font-size: 22px;
		letter-spacing: 3px;
		background-color: rgb(50,150,215);
		color: white;
	}
	

	.Button_Basic {
		display: block;
		background-color: #00101e;
		text-align: center;
		width: 100%;
		height: 25px;
		left: 0%;
		margin-top: 5px;
		font-family: FGM;
		font-size: 20px;
		letter-spacing: 1px;
		color: #777;
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: .25s;
	}

	.Button_Basic:hover {
		font-size: 22px;
		background-color: rgb(50,150,215);
		color: white;
	}
	.Download_Image_Button {
		display: block;
		background-color: #00101e;
		text-align: center;
		width: 100%;
		/*height: 25px;*/
		left: 0%;
		margin-top: 5px;
		padding: 5px;
		font-family: FGM;
		font-size: 20px;
		letter-spacing: 1px;
		color: #777;
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: .25s;
	}

	.Download_Image_Button:hover {
		background-color: rgb(50,150,215);
		color: white;
	}
	
	.Download_Sub_Button {
		display: block;
		background-color: #00101e;
		text-align: center;
		width: 45%;
		/*height: 25px;*/
		left: 0%;
		margin: 2.5%;
		margin-top: 5px;
		float: left;
		font-family: FGM;
		font-size: 20px;
		letter-spacing: 1px;
		color: #5f879c;
		text-decoration: none;
		border-radius: 5px;
		border: solid;
		border-color: #5f879c;/*rgb(50,150,150);*/
		transition: .25s;
	}

	.Download_Sub_Button:hover {
		background-color: rgb(50,150,215);
		border-color: rgb(50,150,215);
		color: white;
	}
	.Download_Image_Horizontal {
		position: relative;
		display: block;
		width: 50%;
		margin-top: 5px;
		float: left;
	}
	.Download_Image_Block {
		position: relative;
		display: inline-block;
		height: 50px;
		width: 50%;
		margin-top: 5px;
		float: left;
	}
	.Download_Image_Button_P {
		position: relative;
		display: block;
		font-size: 20px;
		width: 50%;
		text-align: center;
		float: right;
	}

	.LinkVideo_Button {
		position: relative;
		background-color: #00101e;
		text-align: center;
		width: 100%;
		right: 0%;
		bottom: 5%;
		font-family: FGM;
		font-size: 20px;
		letter-spacing: 1px;
		color: #777;
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: .25s;
		cursor:pointer;
	}
	.LinkVideo_Button:hover {
		background-color: rgb(50,150,215);
		color: white;
	}

	.Ticket_LearnMore{
		position: absolute;
		background-color: #062c3d;
		text-align: center;
		width: 100%;
		height: calc(var(--Ticket-Height)*.15);
		right: 0%;
		bottom: 5%;
		font-family: FGMI;
		font-size: 20px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: .5s;
		box-shadow: 0 0 0px 1px teal;
		cursor: pointer;
	}

	.Ticket_LearnMore:hover {
		font-size: 21px;
		letter-spacing: 1.5px;
		background-color: rgb(50,150,215);
		color: white;
		cursor: pointer;
		transition: .1s;
	}

	.Button_Simple{
		position: relative;
		background-color: #062c3d;
		text-align: center;
		width: 100%;
		height: calc(var(--Ticket-Height)*.15);
		right: 0%;
		bottom: 5%;
		font-family: FGMI;
		font-size: 20px;
		letter-spacing: 1px;
		color: white;
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: .5s;
		box-shadow: 0 0 0px 1px teal;
		cursor: pointer;
	}

	.Button_Simple:hover {
		font-size: 21px;
		letter-spacing: 1.5px;
		background-color: rgb(50,150,215);
		color: white;
		cursor: pointer;
		transition: .1s;
	}
	.Button_Fill {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;

	}
	.Button_Hidden {
		display: flex;
		width: 100%;
		height: 100%;
	}
	.Link_Hub_Selection {
		position: absolute;
		display: block;
		padding: 5px 30px ;
		font-size: 25px;
		width: 250px;
		top:0;
		left:0;
		background-image: linear-gradient(90deg, #1979b5,rgba(0,0,0,0));
	}
/*	.MoveRight_10{
		
	}*/
/*-----Parent Divs-----*/
	.Homepage_Top_Div {
		display: inline-block;
		position: relative;
		float: left;
		width: 70%;
		/*height: var(--Homepage_Top_Banner);*/
		margin-top: 54px;
	}

	.contentNew_Projects{
	line-height: 
	}

	.Homepage_MainContent {
		display: flex;
		position: relative;
		float: left;
		margin-bottom: -50px;
		top: 0px;
		width: 100%;
	}


	.Div-Shadow {
		box-shadow: 0px 10px 15px black;
	}

	.Div-InnerShadow {
		box-shadow: inset 0px -70px 50px -50px #062c3d;
	}

	.Footer_v3 {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		height: 100px;
		margin-top: 50px;
		z-index: 999;
	}
	.Footer_Homepage {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		height: content;
		margin-top: 50px;
		z-index: 999;
	}
	.Footer_Left {
		display: inline-block;
		position: relative;
		width: 78%;
		height: 200px;
		float: left;
		border-right: thin solid #5f879c;
		padding: 15px;
	}
	.Footer_Right {
		display: inline-block;
		position: relative;
		width: 15%;
		padding: 2%;
		float: left;
	}
	.Footer_Right_DHS_Logo {
		display: inline-block;
		position: relative;
		width: 80%;
		margin: 10%;
		float: left;
	}

	.Content_Holder {
		position: absolute;
		display: inline-block;
		width: 100%;
		margin-top: calc(var(--Homepage_Top_Banner)*1.2);
		z-index: 50;
	}
	.Info_Block_Content_Margin {
		margin: 5%;
		width: 90%;
		height: content;
	}

/*-----Block Divs-----*/
	.Homepage_TopBanner_Span_Div {
		display: inline-block;
		position: relative;
		float: left;
		width: 100%;
		height: calc(var(--Homepage_Top_Banner)*.5);
		margin-top: calc(var(--Homepage_Top_Banner)*.125);
		margin-bottom: calc(var(--Homepage_Top_Banner)*.125);
	}

	.Homepage_TopBanner_Welcome {
		position: absolute;
		width: 50%;
		left: 50%;
		height: 70%;
		top: 12%;
		display: block;
		justify-content: center;
		align-items: center;
	}

	.Span_80_per {
		width: 80%;
		margin-left: 10%;
	}
	.Span_Standard {
		width: 90%;
		margin-left: 5%;
	}

	.Div-Block_Graphic {
		width: 100%;
		height: 250px;
		object-fit: cover;	
	}
	.Div-Block_Graphic_Small_Faded {
		width: 100%;
		height: 250px;
		object-fit: cover;
	    -webkit-mask-image: -webkit-linear-gradient(rgba(0,0,0,1) 50%,  rgba(0,0,0,0) 100%);
	    mask-image: -o-linear-gradient(rgba(0,0,0,1) 50%,  rgba(0,0,0,0) 100%);
	    mask-image: linear-gradient(rgba(0,0,0,1) 50%,  rgba(0,0,0,0) 100%);
	}
	.Div-Block_Graphic_Wide {
		width: 100%;
		object-fit: cover;	
	}


/*-----Page Headers-----*/
.SubPage_Header {
	width: 50vw;
	height: content;
	margin-left: 2vw;
	margin-top: calc(var(--Menu-Height)* 1.25);
	margin-bottom: 25px;
}
/*-----Div Content-----*/
	.Content_Table {
		display: inline-block;
	}
	.Weather {
		position: absolute;
		left: 0;
		width: 25%;
		top: var(--Menu-Height);
		height: var(--Homepage_Top_Banner);
		overflow: hidden;
	}

	.SocialMedia_Big {
		display: inline-block;
		position: relative;
		margin-bottom: 25px;
		margin-top: 25px;
		z-index: 50;
	}
	.SocialMedia_Small {
		display: none;
	}
	.SocialMedia_Button{
		display: inline-block;
		width: 90%;
		height: content;
		/*margin: 5%;*/
	}
	.SocialMedia_Button_v2{
		display: inline-block;
		position: relative;
		width: 100%;
		height: content;
		margin: 5px 0px;
		overflow: hidden;
		transition: .5s;
	}
	.Link_Button_v1 {
		display: inline-block;
		position: relative;
		width: 90%;
		height: content;
		margin: 5px 5%;
		overflow: hidden;
		border: none;
		transition: .5s;
		z-index: 900;
	}
	.SocialMedia_Link_Button{
		display: inline-block;
		position: relative;
		width: 12vw;
		margin: .75%;
		height: 12vw;
		overflow: hidden;
		border-radius: 10%;
		text-decoration: none;
		border: none;
		box-shadow: 0 0 15px blue;
		transition: .5s;
	}
	.SocialMedia_Link_Button_v2{
		display: inline-block;
		position: relative;
		width: 90%;
		object-fit: cover;
		overflow: hidden;
		box-shadow: 0 0 15px blue;
		transition: .5s;
	}
	.SocialMedia_Link_Button_Slider_v2{
		display: inline-block;
		position: absolute;
		width: 100%;
		left: 0;
		top:0;
		object-fit: cover;
		overflow: hidden;
		transition: .5s;
	}
	.SocialMedia_Link_Button_Icon_v2{
		display: inline-block;
		position: absolute;
		height: 50%;
		top:25%;
		left: 35%;
		transition: .5s;
	}
	
	.SocialMedia_Button_v2:hover, .Link_Button_v1:hover{
		/*border-radius: 5vw;*/
		box-shadow: 0 0 50px teal;
	}
	.SocialMedia_Button_v2:hover, .Link_Button_v1:hover .SocialMedia_Link_Button_Slider_v2{
		left: 50%;
	}
	.SocialMedia_Link_TextHolder{
		display: flex;
		position: absolute;
		right: 5%;
		top:0;
		justify-content: center;
		align-items: center;
		height: 100%;
		width: content;
	}

	.SocialMedia_Link_Button_Background{
		
		left: 0;
		top: 0;
		width: 100%;
	}
	.SocialMedia_Link_Button_Slider{
		position: absolute;
		left: 0;
		top: 0;
		transition: .5s;
	}
	.SocialMedia_Link_Button_Icon{
		position: absolute;
		height: 50%;
		top:25%;
		left: 25%;
		transition: .5s;
	}
	.SocialMedia_Link_Button:hover{
		box-shadow: 0 0 75px white;
	}
	.SocialMedia_Link_Button:hover .SocialMedia_Link_Button_Slider{
		left: -75%;
	}
	.SocialMedia_Link_Button:hover .SocialMedia_Link_Button_Icon{
		left: 2.5%;
	}

/*-----Ticket Gallery Div-----*/
	.Ticket {
		height: var(--Ticket-Height);
		/*height: calc(var(--Ticket-Height) + 50px);*/
		width: 100%;
		/*margin-top: 10vw;*/
		margin-bottom: 20px;
		/*margin-left: 10%;*/
		margin-top: 25px;
		float: left;
		display: block;
		position: relative;
	}

	.Ticket_Left {
		position: absolute;
		display: block;
		background-image: linear-gradient(#62737a, #213943);
		width: 30%;
		height: var(--Ticket-Height);
		clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0 0);
		z-index: 90;
	}

	.Ticket_Right {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 75%;
		/*height: 100%;*/
		overflow: hidden;
		z-index: 80;
		/*clip-path: polygon(5% 0%, 0% 50%, 5% 100%, 100% 100%, 100% 0);*/
	}

	.Ticket_Image {
		position: absolute;
		opacity: .8;
		width: 20%;
		height: var(--Ticket-Height);
		object-fit: cover;
		object-position: bottom left;
		display: block;
	}

	.Ticket_Info {
		position: absolute;
		width: 80%;
		padding-right: 5%;
		top: 0;
		right: 0;
		z-index: 80;
	}



/*EventTicket*/
	.Selection_Holder {
		width: 90%;
		margin: 0 5%;
		height: 1000px;
		
	}
	.Selection_Holder_v2 {
		width: content;
		height: 1000px;
		padding: 25px 0px;
		align-content: center;
		overflow-x: hidden;
	}
	
	/*.EventTicket_Holder_Tall:hover {
	}

	.Ticket_Grow {
		transform: scale(1.5);
	}
	.Ticket_Shrink {
		transform: scale(.5);
	}*/


	#TicketContent {
		width: 200%;
		background-color: teal;
		z-index: 500;
		height: 500px;
	}
	.TicketContent_Block{
		width: 50%;
		height: 100%;
		background-color: red;
		float: left;
	}
	.TicketContent_Block_Right{
		float: left;
		width: 50%;
		height: 100%;
		background-color: green;
	}
	#ContentRight {
		left:-100%;
	}





	.EventTicket_Image_Holder {
		
		top: 0;
		width: 100%;
		height: calc(var(--EventTicket-Height)*.3);
		object-fit: cover;
	}
	.EventTicket_Image_Holder_v2 {
		top: 0;
		width: 100%;
		object-fit: cover;
	}
	.EventTicket_Text_Holder {
		margin: 15px;
		height: calc(var(--EventTicket-Height)*.7 - 30px);
	}
	.EventTicket_Text_Holder_Tall {
		position: relative;
		margin: 15px;
		/*height: calc(var(--EventTicket-Height)*.7 - 30px);*/
	}
	.EventTicket_Text_Description {
		display: block;
		width: 65%;
		height: calc(var(--EventTicket-Height)*.7 - 30px);
		float: left;
		left: 0;
	}
	.EventTicket_Text_Description_Tall {
		display: block;
		width: 100%;
		height: calc(var(--EventTicket-Height)*.5 - 30px);
		float: left;
		left: 0;
	}
	.EventTicket_Links_Holder {
		width: 34%;
		height: calc(var(--EventTicket-Height)*.7);
		float: right;
	}
	.EventTicket_Links_Holder_Tall {
		width: 100%;
		height: calc(var(--EventTicket-Height)*.2);
		float: right;
		margin: 5px;
	}
	.EventTicket_Links_Button{
		display: block;
		width: 100%;
		height: 30%;
		margin: 5px;
	}
	.EventTicket_Left_Cover {
		position: relative;
		top:-100%;
		width: 30%;
		height: 100%;
	}
	.EventTicket_Left_Cover_Text {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.EventTicket_Left_Cover_Image {
		position: absolute;
		left: 0;
		height: 100%;
	}


/*-----Registration Link-----*/
.Registration {
	display: inline-block;
	position: relative;
	float: left;
	width: 80%;
	height: content;
	left: 10%;
	margin-top: 50px;
	margin-bottom: 25px;
}


/*-----Image Holders-----*/
	.Homepage_ADAC_MapIcon{
		width: 25vw;
	}
	.TopImage_Holder {
		width: 100%;
	}
	.TopImage {
		width: 100%;
	}
	.TopImage_LeftCorner {
		width: 30%;
	}
	.TopImage_Bubbles {
		background-image: url('../Media/2-Ready/2-Images/Homepage_TopImage_v1.4_Bubbles_Seamless.png');
		background-repeat: repeat-y;
		background-size: 1000px 524px;
		width: 1000px;
		height: 1920px;
		background-size: ;
		animation-name: Bubbles;
		animation-duration: 20s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	@keyframes Bubbles{
		0% {transform: translateY(0px);}
		100% {transform: translateY(-524px);}
	}

	.Content_Background_RightImage {
		display: inline-block;
		position: relative;
		float: right;
		right:0px;
		width: 150%;
		height: content;
		object-fit: cover;
		overflow-x: hidden;
		margin-bottom: -150px;
		z-index: 2;
	}

	.TopImage_Container {
		width: 100%;
		overflow-x: hidden;
	}
	.Video_Holder {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
		height: 0;
	}
	.Video_Scale {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;	
	}
	.Content_L1 {
		display: inline-block;
		position: relative;
		height: content;
		padding: 10px;
	}
	.Div_Content_Holder {
		display: inline-block;
		position: relative;
		height: content;
		width: 96%;
		padding: 15px 2%;
		float: left;
	}
	.Static_Holder_520px {
		display: inline-block;
		position: relative;
		height: content;
		width: 520px;
		padding: 15px 2%;
		float: left;
	}
	.Div_Content_Holder_NoPadding {
		display: inline-block;
		position: relative;
		height: content;
		width: 96%;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		float: left;
	}
	.Portrait_1_Per{
		display: block;
		width: 48%;
		padding: 1%;
		position: relative;
		height: content;
		float: left;
		opacity: 1;
	}
	.Portrait_2_Per{
		display: block;
		width: 48%;
		padding: 1%;
		position: relative;
		height: content;
		float: left;
		opacity: 1;
	}
	.Portrait_3_Per{
		display: block;
		width: 31.33%;
		padding: 1%;
		position: relative;
		height: content;
		/*overflow-x: hidden;*/
		float: left;
		opacity: 1;
	}
	.Portrait_4_Per{
		display: block;
		width: 23%;
		padding: 1%;
		position: relative;
		height: content;
		float: left;
		opacity: 1;
	}
	.Portrait_100_Per{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.Portrait_Image_Holder{
		/*width: 100%;*/
		height: 250px;
		/*height: 100%;*/
		object-fit: cover;
	}
	.Portrait_Image_Holder_W{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.Portrait_Name{
		position: absolute;
		bottom:0;
		width: 100%;
		height: content;
	}
	.Portrait_Name p {
		margin: 5px;
	}
	.Logo_Center {
		width: 100%;
		height: 100%;
		align-content: center;
		padding: 50px;
	}
	.Logo_Partner_Farm {
		position: relative;
		float: left;
	}
	.Logo_Partner_Holder_Full{
		height: 200px;
		object-fit: cover;
		margin: 5px 25px;
	}
	.Logo_Partner_Holder_Half{
		position: relative;
		height: 100px;
		padding-top: 40px;
		object-fit: cover;
		margin: 5px 25px;
	}
/*-----Columns-----*/
	.ContentSection {
		overflow: auto;
		display: block;
		position: relative;
		top: 170px;
		width: 75%;
		min-height: 30%;
		background-color: rgba(0,22,32,.5);
		margin: auto;
		margin-bottom: 15px;
		z-index: 51;
		border-radius: 7px;
	}
	.ColumnLayout_Base {
		display: inline-block;
		position: relative;
		float: left;
		/*padding-top: 30px;*/
	}
	.ColumnLayout_Spacer {
		display: inline-block;
		position: relative;
		float: left;
		width: 100%;
		height: 50px;
		/*padding-top: 30px;*/
	}
	.ColumnLayout_End {
		display: inline-block;
		position: relative;
		float: left;
		width: 100%;
		height: 50px;
		/*padding-top: 30px;*/
	}
	.Team_Portraits_4_Per {
		width: 23%;
		left: 0%;
		/*margin: 1%;*/
		margin: 0 auto;
	}
	.Column_L1_Z-Index{
		z-index: 25;
	}
	.Column_L2_Z-Index{
		z-index: 50;
	}
	.ColumnLayout_1 {
		width: 100%;
		left: 0%;
	}
	.ColumnLayout_1_Content {
		width: 96%;
		left: 0%;
		margin: 2%;
	}
	.ColumnLayout_1_Content_Margin {
		width: 80%;
		left: 0%;
		margin: 15px 10%;
	}
	.ColumnLayout_1_Line {
		width: 96%;
		left: 0%;
		margin: 2%;
		border-top: 1px solid white;
	}
	.ColumnLayout_1_3-Margin {
		width: 75%;
		left: 0%;
		margin: 2% 12.5%;
	}
	.ColumnLayout_2 {
		width: 50%;
		left: 0%;
	}
	.ColumnLayout_2_Margin {
		width: 45%;
		margin: 0 2.5%;
	}
	.ColumnLayout_2_Margin_NoShrink {
		width: 45%;
		margin: 0 2.5%;
	}
	.ColumnLayout_2_Big_L {
		width: 66.66%;
		left: 0%;
	}
	.ColumnLayout_2_Small_R {
		width: 33.33%;
		left: 0%;
	}

	.ColumnLayout_2_Big_L_v2 {
		width: 66.5%;
		float: left;
		left: 0%;
	}
	.ColumnLayout_2_Small_R_v2 {
		width: 33.33%;
		float: left;
		left: 0%;
	}
	.ColumnLayout_2_Third_Right {
		width: 80%;
		left: 20%;
	}
	.ColumnLayout_Resistant2 {
		width: 50%;
		left: 0%;
	}
	.ColumnLayout_3 {
		width: 33.33%;
		left: 0%;
	}
	.ColumnLayout_3_Margin {
		width: 31.33%;
		left: 0%;
		margin: 1%; 
	}
	.ColumnLayout_3_Margin_Line {
		width: 31.0%;
		left: 0%;
		margin: 1%;
		border-left: 1px solid white;
	}
	.ColumnLayout_3_Margin_4-Gap {
		width: 31.33%;
		left: 0%;
		margin: 1%;
	}

	.ColumnLayout_4 {
		width: 25%;
		left: 0%;
		/*margin: 1%;*/
	}
	.ColumnLayout_4_Margin {
		width: 23%;
		left: 0%;
		margin: 1%;
	}
	.ColumnLayout_5 {
		width: 18%;
		left: 0%;
		margin: 1%;
	}
	.ColumnLayout_EventTicket {
		width: 18%;
		left: 0%;
		margin: 1%;
		min-width: 300px;
	}
	.ColumnLayout_EventTicket2 {
		width: 40%;
		left: 0%;
		margin: 1%;
		min-width: 300px;
	}
	.ColumnLayout_7 {
		width: 12.28%;
		left: 0%;
		margin: 1%;
	}

	.ColumnLayout_Top {
		display: inline-block;
		position: relative;
		float: left;
		width: 50%;
		left: 0%;
	}
	.ColumnLayout_70_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 70%;
		left: 0%;
	}
	.ColumnLayout_70_Per_Center {
		display: inline-block;
		position: relative;
		float: left;
		width: 70%;
		left: 15%;
	}
	.ColumnLayout_50_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 50%;
		left: 0%;
	}
	.ColumnLayout_40_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 40%;
		left: 0%;
	}
	.ColumnLayout_30_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 30%;
		left: 0%;
	}
	.ColumnLayout_15_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 15%;
		left: 0%;
	}
	.ColumnLayout_70_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 70%;
		left: 0%;
	}
	.ColumnLayout_85_Per {
		display: inline-block;
		position: relative;
		float: left;
		width: 85%;
		left: 0%;
	}
	.ColumnLayout_EducationContent {
		width: 70%;
		left: 25%;
		padding: 2%;
	}
	
	.Width_30_Per {
		width: 30%;
	}
	.Width_50_Per {
		width: 50%;
	}
	.Width_50_Per_Center {
		width: 50%;
		margin: 0 25%;
	}
	.Width_70_Per {
		width: 70%;
	}
	.Width_80_Per {
		width: 80%;
	}
	.Width_80_Per_Left-Center {
		width: 70%;
		left: 20%;
		right: 10%;
	}
	.Width_80_Per_Right-Center {
		width: 70%;
		right: 20%;
		left: 10%;
	}
	.Width_80_Per_Center {
		width: 80%;
		margin: 0 10%;
	}

	.Width_90_Per {
		width: 90%;
	}
	.Width_90_Per_Center {
		width: 90%;
		margin: 0 5%;
	}
	.Width_95_Per_Center {
		width: 95%;
		margin: 0 2.5%;
	}
	.Width_100_Per {
		width: 100%;
	}
	.Article_EdgeLogo {
		width: 100%;
		padding: 25px 0;
	}
	.Info_Block {
		display: inline-block;
		position: relative;
		float: left;
		margin-bottom: 25px;
		margin-top: 25px;
		z-index: 50;
	}

	.Info_Block_Notice {
		display: inline-block;
		border: solid 5px teal;
		border-radius: 5px;
		position: relative;
		float: left;
		margin-bottom: 25px;
		margin-top: 25px;
		padding-top: 15px;
		border-radius: 5px;
		z-index: 50;
		font-size: 18px;
	}
		
	

	.Info_Block_NoMargin {
		display: inline-block;
		position: relative;
		z-index: 50;
	}

	.Div-Button {
		transform: scale(1.0);
		cursor: pointer;
		transition: .5s;
	}
	.Div-Button:hover {
		transform: scale(1.1);
	}
	.Div-Button_Large {
		transform: scale(1.0);
		cursor: pointer;
		transition: 1s;
	}
	.Div-Button_Large:hover {
		transform: scale(1.035);
		transition: .25s;
	}

	.IB_Left-Center {
		float: left;
		left: 20%;
	}
	.IB_Left-Edge {
		float: left;
		left: 0%;
	}
	.Left-Edge {
		left: 0%;
	}
	.IB_Right-Center {
		float: right;
		right: 20%;
	}
	.IB_Right-Edge {
		float: right;
		right: 0%;
	}
	.IB_Right-Edge_Gap {
		float: right;
		left: -2%;
	}
	.Info_Block h2{
		padding: 15px;
	}
	.Info_Block p{
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
	}

/*Basic Layout*/

	/*-------->>>>>>>>>>>>>*/
		.Body {
			background-image: url("../../Media/2-Ready/2-Images/Site Background_v1.0.jpg");
			background-position: center center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;
			margin: 0px;
			padding: 0px;
			z-index: 99;
			top: -50px;
			margin: 15px;
			background-color: rgba(0,0,0,.1);
			display: block;
			overflow: auto;
		}




		.TopSlideShow {
			overflow: auto;
			display: block;
			position: relative;
			top: 70px;
			width: 75%;
			height: 500px;
			background-color: rgba(0,22,32,.5);
			margin: auto;
			margin-bottom: 15px;
			z-index: 51;
			border-radius: 7px;
		}

		.Project_Cycle {
			position: absolute;
			width: 80%;
			left: 10%;
			height: 90%;
			top: 0;
			color: blue;
			z-index: 900;
		}

		.Project-Chooser {
			width: 100%;
			height: 100%;
			float: left;
			background-color: red;
			overflow: hidden;
		}

		.Controls {
			z-index: 90;
		}

		.Index_Image {
			z-index: 70;
		}

	/*-------->>>>>>>>>>>>>*/



		.Margin_Top{
			height: var(--Menu-Height);
		}
		
		.DividingLine {
			display: inline-block;
			position: relative;
			height: .5px;
			width: 100%;
			background-color: gray;
			margin-top: 5px;
		}
		.PaddingDiv {
			position: relative;
			width: 100%;
			height: 25px;
			float: left;
		}
		.PaddingNormal {
			padding: 2vw;
		}
		.PaddingSmall {
			padding: 1vw;
		}
		.RoundCorners {
			border-radius: 1vw;
			overflow: hidden;
		}
		.RoundSitLeft {
			border-radius: 0 7px 7px 0;
		}
		.RoundSitRight {
			border-radius: 7px 0 0 7px;
		}

		.DropShadow {
			text-shadow: 0px 2px 2px black;
		}

/*-----Screen Scaling-----*/
	@media (max-width:1800px) {
		:root {
			--Gallery-Height: 450px;
		}
		.Background_Extend-1 {
			display: block;
		}
	}
	@media (max-width:1400px) {
		:root {
			--Gallery-Height: 375px;
		}
	}
	@media (max-width:1200px) {
		:root {
			--Gallery-Height: 300px;
		}
		.Background_Extend-2 {
			display: block;
		}
		.Portrait_Image_Holder{
			height: 180px;
		}
		.SocialMedia_Big {
			display: none;
		}
		.SocialMedia_Small {
			display: inline-block;
			position: relative;
			margin-bottom: 25px;
			margin-top: 25px;
			z-index: 50;
		}
		.ColumnLayout_2 {
			width: 100%;
			left: 0%;
		}
		.ColumnLayout_2_Margin {
			width: 95%;
			margin: 0 2.5%;
		}
		.ColumnLayout_2_Big_L {
			width: 100%;
			left: 0%;
		}
		.ColumnLayout_2_Small_R {
			width: 100%;
			left: 0%;
		}
		.Content_Background_RightImage {
			display: none;
		}
		.Width_80_Per_Center {
			width: 40%;
			margin: 5%;
		}
		.Width_90_Per_Center {
			width: 95%;
			margin: 2.5%;
		}
		.Ticket_Left {
			display: none;
		}
		.Ticket {
			height: var(--Ticket-Height);
			width: 100%;
			margin-bottom: 20px;
			float: left;
			display: block;
			position: relative;
		}
		.Ticket_Right {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			z-index: 80;
		}

		.Ticket_Image {
			position: absolute;
			opacity: .8;
			width: 20%;
			height: var(--Ticket-Height);
			object-fit: cover;
			object-position: bottom left;
			display: block;
		}

		.Ticket_Info {
			position: absolute;
			width: 80%;
			padding-right: 5%;
			top: 0;
			right: 0;
			z-index: 80;
		}
	}

	@media (max-width:950px) {
		.Background_Extend-3 {
			display: block;
		}
		.Portrait_3_Per{
			width: 90%;
			padding: 10px 0 10px 5%;
		}
		.Content_Holder {
			position: absolute;
			display: inline-block;
			width: 100%;
			margin-top: calc(var(--Homepage_Top_Banner)*1.3);
			z-index: 50;
		}
		.ColumnLayout_3_Margin {
			width: 100%;
			left: 0%;
		}
		.ColumnLayout_3_Margin_Line {
			width: 100%;
			left: 0%;
			border-left: 0px none white;
			border-top: 1px solid white;
		}
	}
	@media (max-width:800px) {
		:root {
			--Gallery-Height: 200px;
		}
		
		.Portrait_Image_Holder{
			height: 100px;
		}
	}
	
	@media (max-width:700px) {
		:root {
			--Gallery-Height: 150px;
		}
		.TopImage_Holder {
			width: 1000px;
			right: 0;
		}
		.Content_Background_RightImage {
			display: none;
		}
		.Div-Block_Graphic {
			width: 100%;
			height: 200px;
			object-fit: cover;
		}
		
		.Width_80_Per_Center {
			width: 80%;
			margin: 10%;
		}
		.Content_Holder {
			position: absolute;
			display: inline-block;
			width: 100%;
			margin-top: calc(var(--Homepage_Top_Banner)*1.1);
			z-index: 50;
		}
		.Homepage_TopBanner_Welcome {
			width: 75%;
			left: 5%;
			height: 70%;
			top: 12%;
			display: block;
			justify-content: center;
			align-items: center;
		}
		.ColumnLayout {
			display: inline-block;
			position: relative;
			float: left;
			width: 100%;
			left: 0%;
		}	
		.Width_80_Per {
			width: 80%;
		}
		.Width_90_Per {
			width: 90%;
		}
		.Width_100_Per {
			width: 80%;
		}
		.Homepage_ADAC_MapIcon{
			width: 30vw;
		}
		

		.Info_Block {
			display: inline-block;
			position: relative;
			margin-bottom: 25px;
			margin-top: 25px;
			z-index: 50;
		}

		.IB_Left-Center {
			float: left;
			left: 10%;
		}
		.IB_Left-Edge {
			float: left;
			left: 10%;
		}
		.IB_Right-Center {
			float: right;
			right: 10%;
		}
		.IB_Right-Edge {
			float: right;
			right: 10%;
		}
		.Info_Block h2{
			padding: 15px;
		}
		.Info_Block p{
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 15px;
		}
		.Portrait_Image_Holder{
			height: 150px;
		}
		.SubPage_Header {
			width: 96%;
			margin-left: 2%;
			margin-top: 25px;
			margin-bottom: 25px;
		}
	}

/*-----Old Divs-----*/
	/*.CornerImage_Holder {
		width: 100%;
		height: var(--Homepage_Top_Banner);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 500;
	}

	.CornerImage_Left_Holder{
		position: absolute;
		left: 0;
		height: 100%;
		width: 800px;
	}

	.CornerImage_Left {
		position: absolute;
		right: 0;
		clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0 100%, 0 0);
		opacity: .5;
	}
	.CornerImage_Left_Solid {
		position: absolute;
		right: 0;
		display: block;
		clip-path: polygon(80% 0%, 94% 35%, 60% 100%, 0 100%, 0 0);
		opacity: 1;
	}

	.CornerImage_Right_Holder{
		position: absolute;
		right: 0;
		height: 100%;
		width: 800px;
	}

	.CornerImage_Right {
		position: absolute;
		left: 0;
		clip-path: polygon(20% 100%, 0% 50%, 20% 0%, 100% 0%, 100% 100%);
		opacity: .5;
	}
	.CornerImage_Right_Solid {
		position: absolute;
		left: 0;
		clip-path: polygon(20% 0%, 6% 35%, 40% 100%, 100% 100%, 100% 0%);
		opacity: 1;
	}

	.Ghost_Image {
		position: absolute;
		display: block;
		opacity: .25;
		bottom: 0;
		z-index: 1;
	}

	.Edge_Top {
		display: block;
		position: absolute;
		width: 100%;
		bottom: 0;
		z-index: 500;
	}
	*/




/*////////////////////////////////////////////////////////////////*/

/*-----Save for Other Pages-----*/

/*////////////////////////////////////////////////////////////////*/









	/*Textures*/
	.Snow_Top-Texture{
		position: absolute;
		top:-10px;
		left: 0;
		width: 100%;
		z-index: 51;
	}

	/*Icons*/

	.Section_Homepage-Top {
		display: inline-block;
		position: relative;
		/*background-color: rgba(255,0,0,.25);*/
		width: 80%;
		left: 10%;
		height: 200px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 10px;
		top:70px;
	}

	.Section_Homepage-ADAC-Projects {
		display: inline-block;
		position: relative;
		background-color: #9c9c9c;
		width: 80%;
		left: 10%;
		height: 150px;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 10px;
		top:70px;
	}

	.Project_Selection {
		display: block;
		position: relative;
		width: 80%;
		left: 10%;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 50px;
		top:70px;
		background-color: purple;
	}

	.Project-Icon_Holder {
	  background-color: red;
	  white-space: nowrap;
	  display: inline-flex;
	  overflow: hidden;
	  flex-direction: row;
	  width: 50px;
	  height: 50px;
	}

	.Project-Icon {
		width: 80%;	
		height: auto;
		margin: 10%;
		background-color: green;
	}