/* -----------------------------------
base styles
----------------------------------- */

html,body
{
	color: #000;
	background-color: #A158C5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

body
{
	margin: 0;
	padding: 0;
	font: 1.125em/1.4 Khula, 'Fredoka One','Kameron',Georgia,'Times New Roman',Times,serif;
}

h1,h2 { line-height: 1; }
h3 { line-height: 1.4; }

h1
{
	font-size: 3em;
	margin: 0 0 .5em;
}

h2
{
	font-size: 1.5em;
	margin: 0 0 .5em;
}

h3
{
	margin: 0 0 .2em;
	color: #fff;
	font-size: 1.33333em;
}

p { margin: 0 0 1em; }

img
{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}

.screen-hide { display: none;}

@media (min-width: 42em)
{
	.mobile-hide {display: none;}
	.screen-unhide {display: block;}
}


@media (min-width: 64em)
{
	
	/* responsive-wrapper */

	.content
	{
		margin: 0 auto;
		width: 64em; /*1024/16*/
	}

}