* {
	border:0;
	font-size:18px;
	margin:0;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	font-family:'Open Sans', sans-serif;
	font-size:100%;
	vertical-align: baseline;
	border:0;
}

body {
	width:100%;
	margin:0 auto;
	background-color:#999;
	background-image:url(chatch01.jpg)
}

h1 {
	font-size:28px;
	font-weight:700;
	line-height:1.5;
	
	}


h2, h3 {
	width:100%;
	background-color:#004080;
	color:#FFF;
	font-size:20px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	line-height:1.5;
	
	

}


p {
	width:94%;
	margin:10px auto;
	text-align:left;
	line-height:1.4;
}

li {
	list-style-type:none;
	line-height:40px;
	font-size:20px
}

header {
	margin:20px auto;
	padding:5px 0;
	width:320px
}

section {
	width:94%;
	display:block;
	box-shadow:1px 1px 10px #000;
	margin:0 auto;
	background-color:#FFFFEF;
	border-radius:10px;
	max-width:1200px
}

nav, article, aside {
	display:inline-block;
	margin:20px 1%;
	background-color:#FFFFEF;
	border-radius:10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	vertical-align:top
}

nav { width:14% }

article { width:50% }

aside { width:26% }

footer {
	clear:both;
	background-color:#FFF;
	margin:20px auto;
	box-shadow:1px 1px 10px #000;
	padding:5px 0;
	width:100%;
	max-width:1200px;
	border-radius:10px;
	color:#004080;
	
	
}
p.hide {display:none;
}
button {
	margin:10px ;
	background-color:#FFF;
	padding:5px;
	box-shadow:1px 1px 10px #343434;}
@media only screen and (max-width: 639px) {

body, ul, li, section, header, nav, aside, article, footer, h2, h3, h1 {
	margin:0;
	width:100%;
	padding:0;
	border-radius:0;
	display:block;
	border:0
}

h2, h3, h1 { font-size:28px }

li {
	padding:0 2px;
	border-bottom:1px solid #000;
	font-size:24px
}

header { margin:10px 0 }

p {
	font-size:20px;
	line-height:26px
}
}
img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	display:inline-block;
	
	 margin: 0;
	 text-align:center;
	 }