:root {
    --slogan-txt-color:rgb(0, 0, 0);
    --slogan-bcgrnd-color:rgb(185, 229, 255);
}

.sloganWpapper
{
	position: absolute;
    top: 15%;
    left: 0;
    right: 0;
	text-align: left;
	margin: 0 20%;
}

h2.slogan
{
	font-size: 200%;
    color: var(--slogan-txt-color);
	display:inline;
	padding:5px;
	background-color:var(--slogan-bcgrnd-color);
}

h3.slogan
{
	font-size: 100%;
    color: var(--slogan-txt-color);
	display:block;
	padding:5px;
	background-color:var(--slogan-bcgrnd-color);
}

@media screen and (max-width: 500px)
{
	h2.slogan
	{
		font-size: 150%;
		line-height: 1;
	}

	h3.slogan
	{
		font-size: 70%;
	}
}