a{
	text-decoration:none
}
img{
	outline:0;
	max-width:100%;
	height:auto
}
p,h1{
	margin-bottom:1rem
}
#demo-description{
	margin-bottom:2em;
	padding-bottom:1em;
	border-bottom:1px dashed #ccc
}
#content{
	max-width:40em;
	margin:0 auto;
	padding-top:2%;
	text-shadow:0 1px 0 #fdfdfd
}
.inner{
	padding:0 4%
}
#pied{
	clear:both;
	overflow:hidden;
	/*border-top:1px solid #ccc;*/
	margin-top:1em;
	/*background-color:#fff*/
	font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
#pied .inner{
	padding:3em;
	background: #4e4941; 
	color: white; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;  
}
#pied #copyright-and-such{
	float:left;
	color:#aaa;
	letter-spacing:1px
}
#pied #copyright-and-such a{
	text-decoration:none
}#pied #scroll-top{
	position:fixed;
	z-index:9999;
	bottom:0;
	right:0;
	margin:.9em;
	display:inline-block;
	padding:.15em .5em;
	border-radius:3px;
	color:#fafafa;
	text-decoration:none;
	border:1px solid transparent;
	background:#444;
	letter-spacing:1px;
	text-transform:uppercase
}
#pied #scroll-top:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-left:.35em;
	width:0;
	height:0;
	border-left:.3em solid transparent;
	border-right:.3em solid transparent;
	border-bottom:.3em solid #fefefe
}
@media screen and (max-width:55em){
	#pied #scroll-top{
		float:right;
		position:static;
		margin:0
	}
}