/* ============================================================
	Replace me with the Actual Design
============================================================ */
@import url('night.css');

html,
body {
	font-family: 'Navigo', sans-serif;
	color: #484848;
}

a {
	color: #08f;
}
a:visited {
	color: #88f;
}

.dynamic-nav {
	display:none;
}

.header {
	max-width: 960px;
	margin: 0 auto;
}

.module {
	max-width: 960px;
	margin: 0 auto;
}

.hero {
	background: url("../../images/cover.jpg") center center no-repeat;
	background-size: cover;
}


.hero_textbox {
	padding:8em 0 5em 0;
	margin:0 auto;
	width:50%;

}

.hero_text {
		color: white;
		font-size: 50px;
		font-weight:100;
		line-height: 1.3;
		letter-spacing: .028em;
}

.hero_text2 {
		color: #ec5124;
		font-size: 50px;
		font-weight:500;
		line-height: 1.3;
		letter-spacing: .060em;
}

img.arrow {
	max-width: 70%;
	padding-right: 3em;
	padding-bottom: 10em;

}

img.rocket {
	float: right;
	padding-top:2em;
	width:55%;
}

.inner_spread {
	max-width:80%;
	margin:0 auto;
}

.armada_launchpad {
	font-family: 'Navigo', sans-serif;
	width:40%;
	font-size: 29px;
	font-weight: 100;
	padding-bottom:2em;
}

img.armada_logo {
	max-width: 400px;
}

.why {
	height: 100%;
}

.why_text {
	margin: auto;
  width: 60%;
	padding-bottom: 40px;
	padding-top: 2em;
}

.why_text_header {
	font-size: 35px;
	font-weight: 200;
	padding-bottom: 35px;
}

.heading {
	color: #ec5124;
	font-size: 28px;
	padding-bottom: 3px;
}

.list {
	font-size: 20px;
	padding-bottom: 30px;
	font-weight: 200;
}

.next_steps {
	height: 100%;
  background-image: linear-gradient(#f04c31, #f0a120);
	color: #FFFFFF;
	padding-top: 40px;
}

.next_steps_block {
	max-width: 700px;
	margin: auto;
	width: 60%;
}

.next_steps_heading {
	font-family: 'Navigo Thin', sans-serif;
	font-size: 35px;
	font-weight: 200;
	padding-top: 40px;
	padding-bottom: 35px;
}

.next_steps_section {
	max-width: 600px;
	margin: auto;
	width: 95%;
}

.next_steps_container {
	border-style: solid;
  border-width: 5px;
}

.next_steps_text{
	font-size: 20px;
	padding-bottom: 1em;
}

.number_list {
	font-weight: 100;
	float: left;
	padding-right: 25px;
}

.number_list1 {
	font-size: 50px;
	font-weight: 100;
	float: left;
	padding-right: 36px;
}

.launch_block{
	margin: auto;
	width: 60%;
	padding-top: 85px;
}

.launch_block_headingtext{
	text-align: center;
	font-size: 70px;
	max-width: 300px;
	font-weight: 100;
}

.launch_block_text{
	text-align: center;
	font-size: 20px;
	padding-bottom: 6em;
	max-width: 300px;
}

.number_list{
 font-size: 50px;
}

img.blastoff {
		float: right;
		max-height: 800px;
		padding-top: 20px;
}

.guaranty {
	background: url("../../images/cover.jpg") center center no-repeat;
	background-size: auto;
	background-size: cover;
	color: #FFFFFF;
	padding-top: 60px;
}

.guaranty_block {
		margin: auto;
	  width: 60%;
		padding-top: 50px;
}

.guaranty_block_forgot {
		text-align: center;
		font-size: 21px;
}

.guaranteed {
	text-align: center;
	font-size: 50px;
	font-weight: 100;
}

img.white_arrow {
	max-width: 100%;
	padding-right: 3em;
}

.guaranty_block_text2 {
		font-size: 20px;
		text-align: center;
		font-size: 21px;
}

.terms {
	text-align: center;
	font-size: 18px;
	font-weight: 100;
	font-size: 21px;
}

.armada_launchpad2 {
	text-align: center;
	padding-top: 6em;
	padding-bottom: 6em;
}

.footer__inner {

    padding: 1em;
    text-align: center;
    background-color: #021384;
    color: white;

}

img.armada {
	max-width: 500px;
}

img.armadaw {
	width: 40%;
}

.phone-number {
	margin-top:1em;
	color:#f0a120;
	text-align:center;
	font-size:5vw;
}

.phone-number a{
	color:#f0a120;
}


@media all and (max-width: 1200px) {
	.hero_textbox {
		width:60%;
	}

	img.armada_logo{
		display: block;
		width: 100%;
		margin:0 auto;
	}
}

@media all and (max-width: 969px) {

	img.arrow {
		max-width: 95%;
		
	}



	.hero_textbox {
		
	}

	.why_text {
		 width: 80%;
		 padding-top: 7em;
	}
		.launch_block{
		margin: auto;
		width: 87%;
		padding-top: 85px;
		padding-left: 85px;
	}

	img.blastoff {
		width:30%;
	}

	

	.launch_block {
	    margin: auto;
	    width: 87%;
	    padding-top: 85px;
	}

}

@media all and (max-width: 800px) {

	img.rocket {
		display:none;
	}

.phone-number {
	
	font-size:9vw;
}

	.armada_launchpad {
		width:100%;
		padding-top:2em;
		padding-bottom:1em;

	}

.hero_textbox {
		width:100%;
		padding:1em;
		padding-top:4em;
}

.next_steps_heading {
	padding-left: 1px;
}

.blastoff {
	display:none;
}

.launch_block {
		margin: auto;
		width: 280px;
		padding-left: 0px;
}

.why_text {
	 width: 80%;
	 padding-top: 1em;
}

.guaranty_block {
		margin: auto;
		width: 85%;
		padding-top: 50px;
}

.guaranty_block2 {
		margin: auto;
		padding-left: 4.5em;
		padding-right: 4.5em;
}
.guaranty_block_text2 {
		margin: auto;
}



}

@media all and (max-width: 400px) {

	

.hero_text {
		font-size: 40px;
}

.hero_text2 {
		font-size: 40px;
}

img.arrow {
    padding-bottom: 4em;
	}

.armada_launchpad {
    
	}

.next_steps_block {
	width:100%;
	padding:1em;
}


img.armada_logo{
	display: block;
	width: 100%;
}

.guaranty_block {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
}

.guaranty_block2 {
		margin: auto;
		padding-left: 3.5em;
		padding-right: 3.5em;
}

.guaranteed {
	font-size: 40px;
}


}
