body {
	background:#161616;
	color:#909090;
	font-size:18px;
	font-family: "myriad-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1.8;
	text-align:center;
	margin:0 20px;
	text-rendering: optimizeLegibility;
}

main {
	width:100%;
	max-width:900px;
	margin:0 auto;
	text-align:center;;
}

header {
	margin:4em 0;
	text-align: center;
}
header img {	
	margin: 0 auto;
}

a {
  color: #eee;
  text-decoration: none;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  transition: color 200ms linear;
}

a:hover {
  text-decoration: underline;
  outline: 0;
}

h1 {
	font-size:28px;
	margin:0 auto 1em;
	text-align:center;
	color:#fff;
}

ol, p, ul {
	margin:0 auto 1em;
	max-width:740px;
	width:100%;
	text-align:left;
}

img.flex-feature {
  max-width: 100%;
  height: auto;
  margin:1em 0;
}

@media only screen and (max-width: 450px) {
	body {
		font-size: 16px;
	}
	h1 {
		font-size:21px;
	}
}

@media only screen and (orientation: portrait) {
	main {
		width:100%;
	}
}

@media only screen and (orientation: landscape) {
	main {
		width:100%;
	}
}