html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */
#css-zen-garden{
	color: #e3e2e8;
	line-height: 1.3;
	font-weight: normal;
	font-family: sans-serif;
	background-color: #dbe0ec;
}
.page-wrapper{
	max-width: 800px;
	padding: 30px;
    margin: 0 auto;
    background: url(city.jpg) #0d1b40;
    background-repeat: no-repeat;
    background-size: 100%;
}
.design-selection{
	width: 1096px;
	margin: 10px auto;
	text-align: center;
}
nav ul li{
	max-width: 800px;
	height: 88px;
	margin-right: 12px;
	line-height: 88px;
    padding: 12px;
    text-align: center;
    color: #e3e2e8;
    font-size: 14px;
    background-color: #0d1b40;
    display: inline-table;
    border-radius: 8px;
}
.top-heading{
	font-size: 24px;
    font-weight: 500;
    color: #313b52;
}
.left{float: left;}
.right{float: right;}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.header{margin-top: 22px;}
.zen-validate-html, .zen-validate-css, .zen-github{
	padding: 24px 16px;
    background-color: #35363a;
    border-radius: 10px;
    text-decoration: none;
    color: #a1c0e5;
    margin-right: 10px;
}
.summary{margin-top: 100px;}
.summary p{
	color: #35363a;
    max-width: 55%;
    line-height: 1.2;
}
.html-css-file{
	text-decoration: none;
	color: #35363a;
}
.preamble{
	margin-top: 154px;
	margin-bottom: 20px;
}
.preamble h3{
	text-align: center;
    color: #dbe0e8;
    font-size: 33px;
    letter-spacing: 2px;
    font-weight: 500;
}
.preamble h5{
	text-align: center;
    font-weight: normal;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 18px;
		max-width: 800px;
}
.text-center{
	text-align: center;
}
.preamble p{
	/* max-width: 72%; */
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.3;
}
.normal{font-weight: normal;}
.explanation h3{font-size: 18px;}
.anchor, .design-name, .designer-name{
	color: #e3e2e8;
	text-decoration: none;
	line-height: 1.5;
  	display: inline-block;
  	vertical-align: middle;
}
.left-width {width: 50%;}
.right-width {width: 40%;}
/* .left-width {
	max-width: 800px;
}
.right-width {
	max-width: 800px;
} */

@media screen and (max-width: 800px) {
	.page-wrapper {
		display: block;

	}
}