html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
object{ outline: 0; }
strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: normal !important; }
a:focus, input:focus{ outline-style: none; }
textarea{ outline: none; }
*{ box-sizing: border-box; font-family: 'Libre Baskerville', Georgia, serif; }

html{ scroll-behavior: smooth; }
body{ color: #363C3C; font-size: 16px; line-height: 28px; background: #f7f7f7 url('bg.png'); min-height: 100vh; padding: 0; }

@font-face { font-family: 'fm'; src: url('futura_medium_bt-webfont.woff2') format('woff2'), url('futura_medium_bt-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'fb'; src: url('unicode.futurab-webfont.woff2') format('woff2'), url('unicode.futurab-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'fit'; src: url('futura_book_italic_font-webfont.woff2') format('woff2'), url('futura_book_italic_font-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

.container{ max-width: 1060px; padding: 0 32px 160px 32px; margin: auto; }
	.container.narrow{ max-width: 960px; }

.grid-2{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px; margin-top: 80px; }
.grid-1{ display: grid; grid-template-columns: 1fr; grid-gap: 32px; }

.intro{ font-family: 'fit'; text-align: center; font-size: 22px; line-height: 34px; max-width: 780px; margin: auto; margin-top: -32px; padding-top: 32px; }
.box{ padding: 54px; }
.box.v-adjust{ padding-top: 50px; }
.box.prominent{ background: #fff; border: #BFCDCD 1px solid; box-shadow:  4px 4px 0 0 #F9F7F4, 16px 16px 0 0 #DCE2E2; }
.box.wide{ padding-left: 104px; padding-right: 104px; }
.box.names{ margin-top: -32px; padding-top: 32px; padding-bottom: 32px; margin-bottom: 64px; }

.link{ color: #26ad9f; }

.h2{ color: #2A2F2F; font-size: 24px; font-family: 'fb', sans-serif; line-height: 35px; text-transform: uppercase; }
.h3{ color: #2A2F2F; font-size: 18px; font-family: 'fb', sans-serif; line-height: 35px; text-transform: uppercase; }
.sub{ width: 48px; height: 3px; background: #E64848; margin-top: 20px; }
.box p{ margin-top: 24px; }
.box .h3{ margin-top: 24px; }

.quote{ max-width: 900px; margin: 96px auto 48px auto; display: flex; }
	.quote .text{ font-family: 'fit', sans-serif; font-size: 30px; line-height: 48px; color: #E64848; padding-left: 48px; padding-right: 48px; }
	.quote img{ margin-left: auto; }

.hero{ text-align: center; color: #fff; background: #002B47 url(hero.png) 50% 50% no-repeat; height: 590px; position: relative; }
	.hero .inner{ height: 492px; display: flex; align-items: center; justify-content: center; }
	.hero .wp{ position: relative; z-index: 1; }
	.tagline{ font-family: 'fm', sans-serif; text-transform: uppercase; letter-spacing: 12px; font-size: 20px; margin-top: 40px; }
	.actions{ margin: 64px auto 0 auto; display: flex; justify-content: center; }

.small-rocket{ position: absolute; }
	.small-rocket{ position: absolute; transition: .3s; transform: translateY(0); }
	.smr-1{ top: 170px; left: calc(50% - 359px); transition-delay: .1s; }
	.smr-2{ top: 185px; left: calc(50% + 340px); transition-delay: .15s; }
	.smr-3{ top: 270px; left: calc(50% + 625px); transition-delay: .08s;}

.rockets{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.rocket-right{ width: 400px; position: absolute; height: 100%; left: calc(50% + 270px); }
	.rocket-left{ width: 400px; position: absolute; height: 100%; left: calc(50% - 650px); }
	.gas{ position: absolute; left: 0; bottom: 0; opacity: 1; transition: 1s;  }
		.rocket-right .gas{ bottom: 10px; }
	.rocket{ position: absolute; transition: .3s ease-out; transform: translateY(0); }
		.rocket-left .rocket{ bottom: 200px; left: 188px; }
		.rocket-right .rocket{ bottom: 234px; left: 160px; }

.scrolled .rocket-left .rocket{ transform: translateY(-400px); }
.scrolled .rocket-right .rocket{ transition-delay: .08s; transform: translateY(-400px); }
.scrolled .gas{ opacity: 0; }
.scrolled .small-rocket{ transform: translateY(-300px); }

.btn{ color: #fff; font-family: 'fb', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1; letter-spacing: 2px; text-decoration: none; display: flex; align-items: center; justify-content: center; border: #4F7D93 1px solid; background: #022740; box-shadow: 8px 8px 0 0 rgba(0,0,0,0.5); transition: .3s; transform: translateX(0) translateY(0); height: 56px; }
	.btn.red{ background: #E64848; border-color: #E64848;  }
.btn:hover{ transform: translateX(4px) translateY(4px); box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5); }
	.btn:hover{ background: #021d2f; }
	.btn.red:hover{ background: #de2e2e; border-color: #de2e2e; }
.btn img{ margin-right: 12px; }

.cta{ display: flex; align-items: center; padding: 32px 104px; border: #DCE2E2 4px solid; position: relative; margin-top: 64px; }
	.cta .btn{ margin-left: auto; box-shadow: 4px 4px 0 0 #F9F7F4, 10px 10px 0 0 #DCE2E2; padding-left: 32px; padding-right: 32px; }
		.cta .btn:hover{ box-shadow: 2px 2px 0 0 #F9F7F4, 6px 6px 0 0 #DCE2E2; }
	.cta .text{ font-family: 'fb', sans-serif; text-transform: uppercase; font-size: 30px; letter-spacing: 2px; color: #2A2F2F; line-height: 1; }
	.prints{ position: absolute; top: -55px; left: calc(50% - 101px); }

.hero .btn{ width: 180px; padding-left: 0; padding-right: 0; text-align: center; margin: 0 16px; }

.apply{ text-align: center; padding: 32px 0 56px 0; }
	.apply h2{ font-family: 'fm', sans-serif; text-transform: uppercase; letter-spacing: 12px; font-size: 16px; margin-top: 40px; color: #E64848; margin-bottom: 24px; }

@media (max-width: 960px){
	.btn{ font-size: 11px; height: 42px; }
	.hero{ height: 340px; background-position: 50% 100%; background-size: 150%; }
	.hero .btn{ width: 120px;  }
	.hero .inner{ height: 260px; }
	.small-rocket{ display: none; }
	.rocket-left{ left: -40px; bottom: 0; transform: translateY(10px) scale(0.4); height: auto; width: 0; }
	.rocket-right{ left: auto; right: 0; bottom: 0; transform: translateY(10px) scale(0.4); height: auto; width: 190px; }
	.rocket-right .gas{ bottom: 0; }
	.rocket-left .gas{ bottom: 0; }
	.scrolled .rocket-left .rocket, .scrolled .rocket-right .rocket{ opacity: 0; }
	.intro{ font-size: 18px; line-height: 26px; padding-top: 24px; margin-top: 0; }
	.logo{ width: 200px; }
	.h2{ font-size: 20px; }
	.sub{ margin-top: 12px; }
	.actions{ margin-top: 24px; }
	.tagline{ font-size: 14px; letter-spacing: 5px; margin-top: 18px; }
	.grid-2{ grid-template-columns: 1fr; margin-top: 32px; }
	.quote{ flex-flow: column-reverse; margin-top: 32px; }
		.quote .text{ text-align: center; font-size: 22px; line-height: 34px; }
		.quote .text br{ display: none; }
		.quote img{ margin-left: auto; margin-right: auto; transform: translateX(30px); width: 200px; }
	.box, .box.wide{ padding: 24px; }
	.cta{ padding: 24px; margin-top: 32px; display: block; text-align: center; }
		.cta .text{ font-size: 22px; margin-bottom: 24px; }
	.cta img{ display: none; }
}