#headThinBar{
	background-color: #333;
	height: 20px;
	width: 100%;
}
#homeLogo{
	height: 100%;
	width: 100%;
	background-image: url('/global/graphics/blastBackground.jpg');
	background-position: center top;
	background-size: auto, 100%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
nav a.nav-link{
	color: #FFF;
	padding-top: 18px;
	padding-bottom: 18px;
	line-height: 19px;
	font-size: 19px;
}
nav a:hover{
	background-color: rgb(81,81,81);
}
#homeLogo div{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44NyIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC44NyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.87) 0%, rgba(255,255,255,0.87) 23%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.87)), color-stop(23%,rgba(255,255,255,0.87)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0.87) 23%,rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0.87) 23%,rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0.87) 23%,rgba(255,255,255,0) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0.87) 23%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deffffff', endColorstr='#00ffffff',GradientType=1 );
}
#homeLogo div img{
	width: 50%;
	max-width: 689px;
	padding: 20px 0px 20px 0px;
}


/*
*******Too Wide Layout BREAKPOINT*******
MEDIA QUERY FOR > Background Width
*/
@media (min-width: 1128px){/*Match background image width*/
	#homeLogo{
		background-size:  100%;
	}
}
/*
*******Width Only Desktop  Layout BREAKPOINT*******
MEDIA QUERY FOR > Medium Width
Set "min-width" equal to bootstrap small breakpoint
*/
@media (min-width: 768px){
	#homeLogo div{
		justify-content:flex-start;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjc3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left, rgba(255,255,255,0.87) 0%, rgba(255,255,255,0) 69%, rgba(255,255,255,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.87)), color-stop(69%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0.87) 0%,rgba(255,255,255,0) 69%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	#homeLogo div img{
		width: 35%;
		margin-left: 8%;
		padding: 0px 0px 0px 0px;
	}
	#mainContent{
		padding-top: 20px;
	}
}
/*
*******Full Desktop Layout BREAKPOINT*******
MEDIA QUERY FOR Medium Height & > Medium Width
Set "min-width" equal to bootstrap small breakpoint
Set "max-height" equal to max background image height + header height + footer height
Set "min-height" equal to minimum viewport size
*/
@media (max-height: 1034.9px) and (min-height: 500px) and (min-width: 768px){
	/*Activate these styles when screen width is above x and screen height is above x*/
	#mainContent{
		padding-bottom: 165px;
		height: 100%;
		min-height: 500px;/*Full Viewport Height*/
	}
}

/*
*******Too Tall Desktop Layout BREAKPOINT*******
MEDIA QUERY FOR Large Height & > Medium Width
Set "min-width" equal to bootstrap small breakpoint
Set "min-height" equal to max background image height + header height + footer height
This media query un-fixes the footer from the bottom of the viewport
*/
@media (min-height: 1035px) and (min-width: 768px){
	/*Activate these styles when screen width is above x and screen height is below x*/
	#mainContent{
		padding-top: 20px;
		width: 100%;
		height: 870px; /*Main Content Area Height = Viewport Limit - footer height*/
	}
}