#welcomeSplash
{
	background-color: #ffffff;
	padding: 62px;
}

.mobile #welcomeSplash
{
	padding: 10px;
}

#welcomeSplashClose
{
	display: block;
    position: absolute;
    top: 0;
    right: 0;
	margin: 20px 20px 0px 0px;
    width: 40px;
    height: 40px;
    border: 5px solid transparent;
    overflow: hidden;
    background-color: white;
    background-color: var(--main-body-color-background);
}

#welcomeSplashClose img
{
	width: 100%;
}

.welcomeSplashSpan
{
	padding: 5px 50px;
	font-size: 95%;
	display: block;
}

.welcomeSplashPadding
{
	padding-top: 0px;
}

#welcomeSplashLogo
{
	width: 100%;
	margin: 20px 0px 0px 0px;
	float: right;
}

#welcomeSplashLogo img
{
	width: 120px;
    height: auto;
    float: right;
    margin-right: 120px;
}

#welcomeSplash h2
{
	padding: 10px 50px !important;
}

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

.customFontColor2
{
	color: #09357a !important;
	font-weight: 700;
}

{
#welcomesplashclose

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

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