* { box-sizing: border-box; }
body { margin:0;padding:0;border:30px solid #fff;font-family: 'Open Sans', sans-serif;font-weight: 300;font-size:100%;font-optical-sizing: auto; }
h1, h2, h3 { font-family: "Open sans";font-weight: 300; }
sup { vertical-align: baseline;position: relative;top: -0.4em;line-height: 0;font-size: .8em; }
img { max-width: 100%;height: auto; }
header { background-color:#fff;height:60vh;padding:20vh 0;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url("addsport-production-feature-image.jpg?v2") no-repeat center bottom;background-size:cover; }
.logo { margin:0 auto;display: block; }
main {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
main section { padding:6em;min-height:600px;flex-basis: 100%; }
	main section h1 { text-align:center;font-size: 3.9em;color:#ffffff;margin:0 0 .8em 0; }
	main section h2 { text-align:center;font-size: 2em;line-height:1.5em;color:#ffffff;max-width: 1080px;margin:0 auto 0 auto; }
	main section p { font-size: 1.4em;line-height:1.5em;color:#ffffff;max-width: 1080px;margin:0 auto;font-weight: 300; }
	main section p + p { margin-top: 1em; }
	main section h2 + p { margin-top: 1em; }
	main section h2 + iframe { margin-top: 2em; }
	main section h3 { text-align:center;font-size: 2em;line-height:1.5em;color:#ffffff;max-width: 1080px;margin:0 auto 0 auto; }
	main form { margin:1em auto 3em auto;max-width: 800px; }
		main form input[type="text"], main form textarea { background: #fff;padding:.6em 1em;border:none;border-radius: 2px;width: 100%;font-family: "Open Sans";font-size: 1em;margin:1em 0; }
		main form textarea { height:10em; }
		main form input[type="submit"] { font-family: "Open sans";font-size: .9em;background: #002b42;color:#ffffff;border:none;padding:.9em 1.4em;border-radius: 8px;margin:0;float: right;cursor: pointer;text-transform: uppercase;letter-spacing: .05em; }
		main form input[type="submit"]:hover { opacity: .8; }
		main form input[type="submit"]:active { margin-top:1px; }
		main form input.antispam { margin-bottom:3em; }

main section.blue {
	background: #0099ff;
}

main section.white {
	background: #fff;
}

main section.white h2,
main section.white p {
	color: #000;
}

main section.gray {
	background: #f5f5f5;
}

main section.gray h2,
main section.gray p {
	color: #000;
}

main section.half-column {
	width: 50%;
	flex-basis: 50%;
}

footer { text-align: center;color:#ffffff;background: #0099ff;font-size: 1em;padding:4em 1em 1em 1em; }
.logo-addsole { margin:0 auto 4em auto;display: block; }

.insoles { margin:3em auto;display: block; }

@media (max-width: 980px) {

	body { border:15px solid #fff; }
	header { height: initial;padding:20vh 2em; }
	.logo { max-width: 100%;height: auto; }
	main { flex-direction: column; }
	main section { padding:3em 1.5em;min-height:initial; }
		main section h1 { font-size: 1.9em;margin:1em 0 .8em 0; }
		main section h2 { font-size: 1.5em;margin:0 auto; }
		main section.half-column { width: 100%; }
		main section p { font-size: 1.2em;}
	main form { margin:2em auto; }

}