@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: Lato, Helvetica Neue;
    src: url('fonts/lato/Lato-Light.ttf'),
	url('fonts/lato/Lato-Black.ttf'),
	url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf'),
	url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
}

body {
	font-family: Lato, Helvetica Neue;
	width: 100%;
	margin: auto;
}

#container {
	width: 100%;
	margin: -20px auto;
}

#header {
	width: 100%;
}

#logo {	
	float: left;
	margin: auto 100px;
}

/*.menu {
	float: left;
	padding-top: 10px;
	/*float: right;
	padding-top: 10px;
	margin-right: 100px;*/
/*}*/

.menu a {
	font-family: url('fonts/lato/Lato-Light.ttf');
	text-decoration: none;
	color: #808a8d;
}

ul {
    list-style-type: none;
}

li {
	display: inline;	
}

.typography_1 {
	padding-top: 55px;
	padding-bottom: 65px;
}

.typography_2 {
	padding-top: 80px;
	padding-bottom: 95px;
}

.downArrow {
	margin-top: -130px;
}

#home {
	background-color: #f9ce00;
	text-align:center;
	width: 100%;
	height: 650px;
	font-size: 40px;
}

#situations {
	text-align:center;
	width: 100%;
	font-size: 40px;
}

#situation1 {
	background-color: #f9b42e;
	height: 730px;
}

#situation2 {
	background-color: #fca700;
	height: 730px;
}

#situation3 {
	background-color: #fa9600;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.content {
	margin: 10px;
	margin-left: 200px;
}

.situations_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:30%;
	padding-top: 60px;
}

.situation_content {
	float: left;
	width: 18%;
	padding-top: 50px;
	padding-right: 150px;
}

.situation_img {
	display: block;
}

.situation_text {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	text-align: center;
	display: inline-block;
	color: #FFF;
	width: 130%;
	font-size: 25px;
	margin-top: 10px;
	margin-left: -30px;
}

#situation4 {
	background-color: #f39e00;
	height: 730px;
}

#situation5 {
	background-color: #e58000;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

#tips {
	background-color: #ef6006;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.tips_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:40%;
	padding-top: 60px;
}

.steps {
	width: 80%;
	margin: 70px auto;
}

.step_title {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 34px;
	text-align:center;
}

.steps p {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 22px;
	font-weight:200;
	text-align:left;
}

.step1 {
	float: left;
	margin-left: 80px;
}

.step_img_1 {
	float: right;
	margin-right: 120px;
}

.step_content_1 {
	float: left;
	width: 40%;
	margin: 20px 20px;
}

.step2 {
	float: left;
	margin: 30px 80px;
}

.step_img_2 {
	float: left;
	margin-left: 45px;
	padding-right: 100px;
}

.step_content_2 {
	float: left;
	width: 41%;
	margin: -185px 420px;
}

.step3 {
	float: left;
	margin-top: -20px;
	margin-left: 80px;
}

.step_img_3 {
	float: right;
	margin-right: 145px;
}

.step_content_3 {
	float: left;
	width: 50%;
	margin: 70px 20px;
}

.step4 {
	float: left;
	margin: -20px 80px;
}

.step_img_4 {
	float: left;
	margin-top: 100px;
	margin-left: 20px;
	padding-right: 40px;
}

.step_content_4 {
	float: left;
	width: 45%;
	margin: 70px 30px;
}

.step5 {
	float: left;
	margin-left: 100px;
}

.step_img_5 {
	float: right;
	margin-right: -210px;
}

.step_content_5 {
	float: left;
	width: 73%;
	padding-right: 125px;
	margin-top: 55px;
}

#video {
	background-color: #e55037;
	text-align:center;
	width: 100%;
	height: 730px;
	font-size: 40px;
}

#contact {
	background-color: #fefefe;
	text-align: center;
	width: 100%;
	height: 620px;
	font-size: 30px;
}

#contact_content {
	margin-top:110px;
}

.contact_text {
	font-family:url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	font-weight: 600;
	color: #808a8d;
	padding: 10px 0 0 0;
}

#contact_logo{
	padding-top: 10px;
}

#social_media {
	margin-right: 45px;
}

#social_media a {
	padding-left: 5px;
}

.backBtn {
    position: fixed;
    top: 1em;
    right: 10px;
    text-decoration: none;
    font-size: 12px;
    padding: 1em;
    display: none;
}

.clear {
	clear: both;	
}

@media only screen and (device-width:768px) and (orientation:portrait){
	/*iPad Portrait orientation styles */
#logo {	
	float: left;
	margin: auto 100px;
}

.typography_1 {
	padding-top: 180px;
	padding-bottom: 65px;
}

.typography_2 {
	padding-top: 230px;
	padding-bottom: 95px;
}

.downArrow {
	margin-top: 0px;
}

#home {
	background-color: #f9ce00;
	text-align:center;
	width: 100%;
	height: 840px;
	font-size: 40px;
}

#situations {
	text-align:center;
	width: 100%;
	font-size: 40px;
}

#situation1 {
	background-color: #f9b42e;
	height: 925px;
}

#situation2 {
	background-color: #fca700;
	height: 925px;
}

#situation3 {
	background-color: #fa9600;
	text-align: center;
	width: 100%;
	height: 925px;
	font-size: 30px;
	padding-bottom: 0px;
}

.content {
	margin-top: 15px;
	margin-left: 110px;
}

.situations_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:50%;
	padding-top: 60px;
}

.situation_content {
	float: left;
	width: 20%;
	padding-top: 50px;
	padding-right: 80px;
}

.situation_img {
	display: block;
}

.situation_text {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	text-align: center;
	display: inline-block;
	color: #FFF;
	width: 150%;
	font-size: 25px;
	margin-top: 10px;
	margin-left: -30px;
}

#situation4 {
	background-color: #f39e00;
	height: 925px;
}

#situation5 {
	background-color: #e58000;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

#tips {
	background-color: #ef6006;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.tips_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:60%;
	padding-top: 60px;
}

.steps {
	width: 80%;
	margin: 60px auto;
}

.step_title {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 34px;
	text-align:center;
}

.steps p {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 22px;
	font-weight:200;
	text-align:center;
	margin-top: -5px;
}

.step1 {
	float: left;
	margin-left: 85px;
}

.step_img_1 {
	float: right;
	margin-right: 150px;
}

.step_content_1 {
	float: left;
	width: 78%;
	margin: 20px 20px;
}

.step2 {
	float: left;
	margin-top: 0px;
	margin-left: 90px;
}

.step_img_2 {
	float: left;
	margin-left: 60px;
	/*padding-right: 00px;*/
}

.step_content_2 {
	float: left;
	width: 80%;
	margin-top: 10px;
	margin-left: -10px;
}

.step3 {
	float: left;
	margin-top: 130px;
	margin-left: 35px;
}

.step_img_3 {
	float: left;
	margin-left: 140px;
}

.step_content_3 {
	float: left;
	width: 80%;
	margin: 20px 40px;
}

.step4 {
	float: left;
	margin: 10px 80px;
}

.step_img_4 {
	float: left;
	margin-top: 0px;
	margin-left: 75px;
}

.step_content_4 {
	float: left;
	width: 98%;
	margin: 20px 10px;
}

.step5 {
	float: left;
	margin-left: 200px;
}

.step_img_5 {
	float: left;
	margin-left: 20px;
}

.step_content_5 {
	float: left;
	width: 90%;
	margin-top: 250px;
	margin-left: -70px;
	/*padding-right: 125px;
	margin-top: 55px;*/
}

#video {
	background-color: #e55037;
	text-align:center;
	width: 100%;
	height: 925px;
	font-size: 40px;
}

#contact {
	background-color: #fefefe;
	text-align: center;
	width: 100%;
	height: 830px;
	font-size: 30px;
}

#contact_content {
	margin-top:110px;
}

.contact_text {
	font-family:url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	font-weight: 600;
	color: #808a8d;
	padding: 10px 0 0 0;
}

.clear {
	clear: both;	
}
}
/*@media only screen and (min-width:651px ) and (max-width:979px) {
	/*Small Desktop / Large Tablet View*/
@media only screen and (device-width:768px) and (orientation:landscape){
	/*iPad landscape orientation styles */
#logo {	
	float: left;
	margin: auto 100px;
}

.typography_1 {
	padding-top: 0px;
	padding-bottom: 65px;
}

.typography_2 {
	padding-top: 80px;
	padding-bottom: 95px;
}

.downArrow {
	margin-top: -100px;
}

#home {
	background-color: #f9ce00;
	text-align:center;
	width: 100%;
	height: 595px;
	font-size: 40px;
}

#situations {
	text-align:center;
	width: 100%;
	font-size: 40px;
}

#situation1 {
	background-color: #f9b42e;
	height: 700px;
}

#situation2 {
	background-color: #fca700;
	height: 700px;
}

#situation3 {
	background-color: #fa9600;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.content {
	margin: 10px;
	margin-left: 145px;
}

.situations_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:40%;
	padding-top: 60px;
}

.situation_content {
	float: left;
	width: 20%;
	padding-top: 50px;
	padding-right: 100px;
}

.situation_img {
	display: block;
}

.situation_text {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	text-align: center;
	display: inline-block;
	color: #FFF;
	width: 130%;
	font-size: 25px;
	margin-top: 10px;
	margin-left: -30px;
}

#situation4 {
	background-color: #f39e00;
	height: 700px;
}

#situation5 {
	background-color: #e58000;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

#tips {
	background-color: #ef6006;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.tips_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:50%;
	padding-top: 60px;
}

.steps {
	width: 80%;
	margin: 60px auto;
}

.step_title {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 34px;
	text-align:center;
}

.steps p {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 22px;
	font-weight:200;
	text-align:left;
}

.step1 {
	float: left;
	margin-left: 70px;
}

.step_img_1 {
	float: right;
	margin-right: 100px;
}

.step_content_1 {
	float: left;
	width: 40%;
	margin: 20px 15px;
}

.step2 {
	float: left;
	margin: 30px 90px;
}

.step_img_2 {
	float: left;
	margin-left: -25px;
	padding-right: 100px;
}

.step_content_2 {
	float: right;
	width: 44%;
	margin: -200px 5px;
}

.step3 {
	float: left;
	margin-top: -20px;
	margin-left: 90px;
}

.step_img_3 {
	float: right;
	margin-right: 120px;
}

.step_content_3 {
	float: left;
	width: 49%;
	margin: 60px -20px;
}

.step4 {
	float: left;
	margin: -20px 30px;
}

.step_img_4 {
	float: left;
	margin-top: 100px;
	margin-left: 15px;
	padding-right: 40px;
}

.step_content_4 {
	float: right;
	width: 49%;
	margin: -235px 35px;
}

.step5 {
	float: left;
	margin-top: 60px;
	margin-left: 80px;
	padding-bottom: 40px;
}

.step_img_5 {
	float: right;
	margin-right: 170px;
}

.step_content_5 {
	float: left;
	width: 58%;
	padding-right: 125px;
	margin-top: -165px;
}

#video {
	background-color: #e55037;
	text-align:center;
	width: 100%;
	height: 700px;
	font-size: 40px;
}

#contact {
	background-color: #fefefe;
	text-align: center;
	width: 100%;
	height: 580px;
	font-size: 30px;
}

.clear {
	clear: both;	
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	/*Smartphones (portrait and landscape)*/
/*@media only screen and (min-width : 321px) {*/
#logo {	
	float: left;	
	margin: auto 100px;
}

.typography_1 {
	padding-top: 0px;
	padding-bottom: 65px;
}

.typography_2 {
	padding-top: 80px;
	padding-bottom: 95px;
}

.downArrow {
	margin-top: -100px;
}

#home {
	/*background-color: blue;*/
	text-align:center;
	width: 100%;
	height: 440px;
	font-size: 40px;
}

#situations {
	text-align:center;
	width: 100%;
	font-size: 40px;
}

#situation1 {
	background-color: #f9b42e;
	height: 700px;
}

#situation2 {
	background-color: #fca700;
	height: 700px;
}

#situation3 {
	background-color: #fa9600;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.content {
	margin: 10px;
	margin-left: 145px;
}

.situations_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:40%;
	padding-top: 60px;
}

.situation_content {
	float: left;
	width: 20%;
	padding-top: 50px;
	padding-right: 100px;
}

.situation_img {
	display: block;
}

.situation_text {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	text-align: center;
	display: inline-block;
	color: #FFF;
	width: 130%;
	font-size: 25px;
	margin-top: 10px;
	margin-left: -30px;
}

#situation4 {
	background-color: #f39e00;
	height: 700px;
}

#situation5 {
	background-color: #e58000;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

#tips {
	background-color: #ef6006;
	text-align: center;
	width: 100%;
	font-size: 30px;
	padding-bottom: 60px;
}

.tips_title {
	font-family: url('fonts/helvetica/Helvetica Neue CE 75 Bold.ttf');
	color: #FFF;
	text-align: center;
	width:50%;
	padding-top: 60px;
}

.steps {
	width: 80%;
	margin: 60px auto;
}

.step_title {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 34px;
	text-align:center;
}

.steps p {
	font-family:url('fonts/helvetica/Helvetica Neue CE 35 Thin.ttf');
	color: #FFF;
	font-size: 22px;
	font-weight:200;
	text-align:left;
}

.step1 {
	float: left;
	margin-left: 70px;
}

.step_img_1 {
	float: right;
	margin-right: 100px;
}

.step_content_1 {
	float: left;
	width: 40%;
	margin: 20px 15px;
}

.step2 {
	float: left;
	margin: 30px 90px;
}

.step_img_2 {
	float: left;
	margin-left: -25px;
	padding-right: 100px;
}

.step_content_2 {
	float: right;
	width: 44%;
	margin: -200px 5px;
}

.step3 {
	float: left;
	margin-top: -20px;
	margin-left: 90px;
}

.step_img_3 {
	float: right;
	margin-right: 120px;
}

.step_content_3 {
	float: left;
	width: 49%;
	margin: 60px -20px;
}

.step4 {
	float: left;
	margin: -20px 30px;
}

.step_img_4 {
	float: left;
	margin-top: 100px;
	margin-left: 15px;
	padding-right: 40px;
}

.step_content_4 {
	float: right;
	width: 49%;
	margin: -235px 35px;
}

.step5 {
	float: left;
	margin-top: 60px;
	margin-left: 80px;
	padding-bottom: 40px;
}

.step_img_5 {
	float: right;
	margin-right: 170px;
}

.step_content_5 {
	float: left;
	width: 58%;
	padding-right: 125px;
	margin-top: -165px;
}

#video {
	background-color: #e55037;
	text-align:center;
	width: 100%;
	height: 700px;
	font-size: 40px;
}

#contact {
	background-color: #fefefe;
	text-align: center;
	width: 100%;
	height: 580px;
	font-size: 30px;
}

.clear {
	clear: both;	
}
}
/*@media only screen and (min-width:481px ) and (max-width:650px) {
	/* Small Tablet View */
/*}
@media only screen and (max-width:480px) {
}*/