body{
	margin:0px;
	padding:0px;
	font-family:sans-serif, monospace;
	padding: 5vw;
    text-align: center;
	background-color:#F2E2B5;
}

 body, div, h1, h2, h3, p, footer,  * {
	font-family:sans-serif, monospace;
	color:#ad9961;
	font-size:1.5rem;
	line-height: 1.8rem;
	display: block;
} 
div, h1, h2, h3, p, a, footer {
	margin-bottom: 1.8rem;
}

a, a:visited, a:* {
	text-align: center;
	color:#000 !important;
}

a:hover {
	color:#eee;
	color:#ad9961;
}
title {
		display: none;
	opacity: 0;
	visibility: hidden;
}


/*


*/
.logo {

	display: inline-block;
	text-align: center;
}

.non-visible 
{
	display: none;
	opacity: 0;
	visibility: hidden;
}

.center, .fullwidth {
	text-align: center;
	width: 100%;
}

.shoutout {
	text-align: center;
	display: block;
	color:#ad9961;
}





@media screen and (max-width:720px) {

    body {
        max-width: 98vw;
    }
    html, body, div, h1, h2, h3, p, footer, a, * {
    	font-size: 1.3rem;
    }
    /*


	*/
    .logo {
    	max-width: 68vw;
    }
}

@media screen and (max-width:450px) {
    body {
        max-width: 98vw;
    }
     html, body, div, h1, h2, h3, p, footer, a, * {
    	font-size: 1.1rem !important;
    }
}