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;
background-image: linear-gradient(340deg, rgba(76, 76, 76,0.02) 0%, rgba(76, 76, 76,0.02) 34%,transparent 34%, transparent 67%,rgba(142, 142, 142,0.02) 67%, rgba(142, 142, 142,0.02) 73%,rgba(151, 151, 151,0.02) 73%, rgba(151, 151, 151,0.02) 100%),linear-gradient(320deg, rgba(145, 145, 145,0.02) 0%, rgba(145, 145, 145,0.02) 10%,transparent 10%, transparent 72%,rgba(35, 35, 35,0.02) 72%, rgba(35, 35, 35,0.02) 76%,rgba(69, 69, 69,0.02) 76%, rgba(69, 69, 69,0.02) 100%),linear-gradient(268deg, rgba(128, 128, 128,0.02) 0%, rgba(128, 128, 128,0.02) 5%,transparent 5%, transparent 76%,rgba(78, 78, 78,0.02) 76%, rgba(78, 78, 78,0.02) 83%,rgba(224, 224, 224,0.02) 83%, rgba(224, 224, 224,0.02) 100%),linear-gradient(198deg, rgba(25, 25, 25,0.02) 0%, rgba(25, 25, 25,0.02) 36%,transparent 36%, transparent 85%,rgba(180, 180, 180,0.02) 85%, rgba(180, 180, 180,0.02) 99%,rgba(123, 123, 123,0.02) 99%, rgba(123, 123, 123,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
		
}

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

main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	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%;
	height:100vh;
	display: flex;
	flex-direction: column;
}
		
header {
	width:100%;
	flex-shrink: 0;
	padding: 8px 5%;
}

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

section {
	min-width: 100%;
	flex: 1 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

footer {
	width:100%;
	text-align: center;
	font-size: 14px;
	padding: 8px;
	flex-shrink: 0;
}

.menu {
	float: right;
}

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