#welcomeSplashLogo
{
	height: 150px;
	width: 100%;
	padding: 50px 0px 10px 20px;
}

#welcomeSplashLogo img
{
	width: auto;
    height: 70%;
	margin: 0px auto;
	max-width: 90%;
}

h1
{
	padding: 20px 50px 0px 20px;
    font-size: 150%;
    display: block;
    text-align: left;
	color: var(--main-font-color);
}

span
{
	padding: 20px 0px 5px 20px;
    font-size: 100%;
    display: block;
    text-align: left;
	color: var(--main-font2-color);
}

.customFontColor1
{
	color: #c7d400 !important;
	color: var(--main-font4-color) !important;
	font-weight: 700;
}

.customFontColor2
{
	color: #c7d400 !important;
	color: var(--main-font4-color) !important;
}

@media only screen and (max-width: 45em) /*(max-width: 650px)*/
{
	#popupWelcomeSplash
	{
		width: 100%;
	}
}

@media only screen and (max-width: 30em) /*(max-width: 650px)*/
{
	#popupWelcomeSplash
	{
		width: 100%;
		margin-top:0px;
	}
}