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

body {
	width: 100%;
	height:100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1;
	color: #444;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, div {
	display:block;
}

*,:before,:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

a {
	color: #444;
	text-decoration: none;
}

a:active,a:hover {
	outline:0;
}

a:focus {
    outline: none;   
}

img {
	max-width:100%;
	height:auto;
	display:block;
	border:0;
}

main {
	width:100%;
}
		
header {
	width:100%;
	position: fixed;
	top: 0;
	padding: 8px 5%;
}

h1 {
	font-size: 20px;
	letter-spacing: .8px;
	float: left;
	}

section {
				display: flex;
				flex-wrap: nowrap; 
				padding-top: 2%;
				}
				section div {	
				width: 100%;
				flex: 0 0 auto;
				}
				section div img {
					width: 54%;
					margin: 8px 22% 0;
				}
@media only screen and (max-width: 1600px) {
				section {
					padding-top: 4%;
				}
				section div img {
					width: 84%;
					margin: 12px 8% 0;
				}
			}
			
@media only screen and (max-width: 1024px) {
				section {
					padding-top: 4%;
				}
				section div img {
					width: 96%;
					margin: 12px 2% 0;
				}
			}

@media only screen and (max-width: 440px) {
				h1 {
					width: 100%;
					text-align: center;
				}
				.menu {
					width: 100%;
					padding-top: 4%;
				}
				.menu ul {
					text-align: center;
				}
				section {
					padding-top: 20%;
				}
				section div img {
					width: 96%;
					margin: 12px 2% 0;
				}
			}
footer {
	width:100%;
	position: fixed;
	bottom: 0;
	text-align: center;
	font-size: 14px;
	padding: 8px;
}

.menu {
	float: right;
}

.menu ul li {
	display: inline;
	padding-left: 12px;
}