html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	font-family: 'Dosis', sans-serif;
}

body, html{
	background:#efefef;
	color:#999999;
	text-align:center;
	line-height:1.4;
}

header{
	width:100%;
	float:left;
	min-height:240px;
}

.header-inner{
	background:url(img/deg.png) bottom left repeat-x;
	width:100%;
	float:left;
	min-height:240px;
	position:relative;
	text-align:center;
}

.logo{
	/*position:absolute;
	bottom:-24px;
	left:50%;
	margin-left:-150px;*/
	width:100%;
}

footer,
.content{
	width:100%;
	float:left;
}

.content-inner{
	margin:0 auto;
	width:100%;
	max-width:360px;
	text-align:left;
	padding:24px;
	padding-top:48px;
	display:block;
}

p{margin-bottom:24px;}
strong{color:#ff7f00; text-decoration:underline; font-weight:400;}

.title{color:#ff7f00; font-weight:500;}
.description{padding-left:24px; display:block; margin-bottom:8px;}


.footer-inner{
	margin:0 auto;
	width:320px;
	border-top:solid 1px #d7d7d7;
	padding:24px;
	font-size:90%;
	margin-top:120px;
}

footer strong{color:#000; text-decoration:none;}
	i{color:#ccc;}


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

	.footer-inner{width:100%; padding:8px;}
	.logo img{width:100%;}
	.content-inner{padding:8px;}

}