@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Mono|Roboto+Slab&display=swap');
* {margin:0;padding:0;}
body {font-family:"Roboto",sans-serif, arial;background:url('../images/brand-repeat.png') repeat;}
h1{margin:22px 0;}

a,a:active,a:visited,a:hover{color:slategray;padding-bottom:18px;text-decoration:none;}
div#content{margin:auto;text-align:center;}
div#content div#wrapper {width:550px;height:451px;margin-left:-275px;margin-top:-225px;top:50%;left:50%;position:absolute;}
div#content div#wrapper h1{margin:0px auto 5px;line-height:42px;}
div#content div#wrapper p.logo {padding:24px 30px 10px;}
div#content div#wrapper p.logo img{width:290px;}
div#content div#wrapper div#box {color:#555;line-height:24px;font-size:16px;background:#fafafa;padding:25px;border:1px solid #dcdcdc;border-radius:8px;}
div#content div#wrapper div#box p {line-height:32px;}
div#content div#wrapper div#box p.strapline {color:#666;padding-bottom:8px; }
div#content div#wrapper div#box p.links {padding-bottom:16px;}
div#content div#wrapper div#box p.links a{font-size:16px;}
div#content div#wrapper div#box h4 {font-size:15px;}
div#content div#wrapper div#box p.support {padding-bottom:1px;color:slategray;}
div#content div#wrapper div#box p.begin {font-size:14px;padding-top:0px;color:#888;line-height:22px;}
div#content div#wrapper div#box p.copyright {padding-top:17px;font-size:12px;color:#757575;line-height:16px;}

@media only screen and (max-width: 649px) {
	div#content div#wrapper {padding-bottom:250px;width:95%;margin:auto;position:relative;left:auto;top:20px;height:auto;}
	div#content{background:none;}
	div#content div#box {left:none;margin:auto;border:none;}
	div#content img{width:200px;}
}