html, body { height: 100%; width: 100%; margin: 0; padding: 0; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
body { color: #666; font-family: "ProximaNova", Source Sans Pro, Arial, sans-serif;  line-height: 25px; position: relative; -webkit-font-smoothing: antialiased; word-wrap: normal; }
p { font-size: 17px; font-weight: 500; }
h1 { color: #EF7615; font-size: 88px; font-weight: 800; }
a { color: #EF7615; cursor: pointer; text-decoration: none; }
img { border: 0; vertical-align: middle; }
strong { font-size: 20px; font-weight: 600; }
small { font-size: 60%; }
.mobile-hide { display: none; }
.shell { margin: 0 auto; padding: 20px; position: relative; }

.top { border-bottom: 2px solid #ccc; height: 70px; padding: 16px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.top .shell { padding: 0; }
.logo { float: left; width: 130px; }
.headline { }
.content { margin-top: 20px; }
.content ul { padding-left: 20px; }
.content li { font-size: 17px; font-weight: 500; }
.content p span { color: #EF7615; font-size: 24px; }


.btn { color: #EF7615; background-color: #fff; border: 3px solid #EF7615; cursor: pointer; display: inline-block; font-family: "ProximaNova", Source Sans Pro, Arial, sans-serif; font-size: 17px; font-weight: 600; padding: 15px 25px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition-property: background; -moz-transition-property: background; -webkit-transition-property: background; -o-transition-property: background; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
.btn.instructions { border: none; padding: 20px 0; text-align: center; }
.btn:hover { color: #fff; background-color: #EF7615; }
.btn.instructions:hover { color: #EF7615; background-color: transparent; text-decoration: underline; }

.jenga { float: right; margin-top: -520px; width: 666px; }

/*  Responsive  */
@media all and (min-width:1405px) {
	.shell { width: 1200px; }
}
@media all and (max-width:1405px) {
	.shell { width: 1024px; }
	
}
@media all and (max-width:1024px) {
	.shell { width: 900px; }
	.jenga { margin-top: -500px; width: 500px; }
}
@media all and (max-width:980px) {
	.shell { width: 850px; }
}
@media all and (max-width:768px) {
	.shell { width: 650px; }
	.jenga { display: none; }
}
@media screen and (max-width:640px) {
	.shell { width: 525px; }
}
@media all and (max-width:425px) {
	.shell { width: 400px; padding: 10px; }
	h1 { font-size: 48px; }
	.content p span { display: none; }
	
}
@media all and (max-width:375px) {
	.shell { width: 350px; }
}
@media all and (max-width:320px) {
	.shell { width: 300px; }
}