html{
	width:				100%;
	height:				100%;
}
body{
	display: 			flex;
	margin:				0px;
	padding:			0px;
	padding-left:		1em;
	padding-right:		1em;
	width: 				100%;
	height:				100%;
	flex-direction:		column;
	background:			var(--blue-charcoal);
}

header{	  	
	display:			flex;
	flex-direction: 	row;
	justify-content: 	space-between; 
	align-items:		center;
	padding:			1em 2em;
	z-index:			10;
}

.logo{
	height:				29px;
	width:				120px;
}

.header_menu{
	display:			flex;
	flex-direction:		row;	
}

.menu_bar{
	align-items: 		center;
}

.menu_item{
	margin-left:		1em;
}

.login_button_container{
	margin-left:		3em;	
	margin-right:		1em;
}

.line1 {
  	height: 			1px;
  	width: 				100%;
}

.header_login_button{
	padding:			1em 2em;
}

.header_login_button:hover{
   	background-color:  var(--blue);
}

.menu_item:hover {
  color: var(--blue) !important;
}

.footer_top{
	background:		var(--light-bg);
	padding:		3em;
}

.footer_logo{
	max-width: 250px;
}

.footer_menu_item{
	display:		block;
	margin-left:	25px;
	margin-right:	25px;	
}

.footer_overimg{
	position:		relative;
	top:			50px;	
	z-index:		5;
}

.copyright{
	text-align:		center;
	padding:		1em;
}

.header_menu_mobile{
	display:		none;	
}

.mobile_menu_item:hover{
	background:	red !important;	
}

.text_block{
	margin-top: 5px;
	margin-bottom: 5px;	
	line-height: 1.2;
}

.list1{
	list-style-type: auto; 
	padding-left: 30px; 
	line-height: 1.5"	
}

.list2{
	list-style-type: disc; 
	padding-left: 50px; 
	line-height: 1.5;
}

.mobile_cookies_tables{
	display:	none;
}

/* Begin Schedule Direct */
.schedule_direct {  
  background-image: url(../img/union-1@2x.png);
  background-size: 	100% 100%;
  display: 			flex;   
  min-height:		328px;     
  width: 			100%;
  justify-content:	center;
  align-items: 		center;
}

.schedule_button {
  	border:			1px solid var(--white);
  	display: 		flex;
  	height: 		50px;
 	min-width:	 	156px;
 	margin-top:		25px;
 	display: 		flex;
 	align-content: 	center;
	align-items: 	center;
	justify-content: center;
}

.schedule_button:hover{
	background:	var(--blue);
}

.schedule2{
	background-image: 	url(../img/union-2@2x.png);
	background-size: 	100% 100%;
	display: 			flex;
	flex-direction: 	column;
	min-height: 		300px;
	width:			 	100%;
	margin-top:			20px;
	align-items:		center;
	justify-content:	center;
}

/* End Schedule Direct */

/*Tablet*/
@media only screen and (max-width: 850px) {
	
	body{
		padding-left:		.5em;
		padding-right:		.5em;
	}
	
	header{	  	
		padding:			.5em 0em;
	}
		
	:root { 
 	--font-size-l: 14px;
  	--font-size-m: 12px;
  	--font-size-s: 10px;
  	--font-size-xl: 16px;
  	--font-size-xxl: 18px;
  	--font-size-xxxl: 22px; 
  	}
	
	.login_button_container{
		margin-left:		1em;	
		margin-right:		.5em;
	}
	
	.header_login_button{
		padding:			.5em 1em;
	}
	
} 

/*Mobile*/
@media only screen and (max-width: 700px) {
	
	.mobile_cookies_tables{
		display:	block;
	}
	
	.tables{
		display:	none;
	}	
	
	.list1{
		padding-left: 10px; 		
	}

	.list2{		
		padding-left: 20px; 		
	}
	
	footer{
		z-index:			20;
	}
	
	.menu_item{
		font-size:			20px;
	}
	
	.sizexxl{
		font-size:			32px;
	}
	
	.sizem{
		font-size:			22px;
	}
	
	.header_menu{
		display: 			none;
	} 
	
	.header_menu_mobile{
		display:			block;
	}
	
	.menu_item{
		margin-left:		0px;
	}
	
	.login_button_container{
		margin-bottom:		10px;
	}
	
	.footer_top{
		padding:		3.5em 0px 5px;
	}
	
	.footer_menu_container{
		align-items:		flex-start;
	}
	
	.footer_menu{
		flex-direction:		column;
		margin-top:			0px;	
	}
	
	.footer_menu_item{
		margin:				8px 0px 8px 0px;
		font-size:			18px !important;;
	}
	
	.copyright_text{
		font-size:			12px;
	}
			
	footer{
		position:			relative;
		z-index:			100;
	}	
}