#the_bg {
	position: fixed;
	top:0;
	left:0;
	width: 500px;
	height: 500px;
	color:#000;
}

#elements {
	width:0;
	height:0;
	position: fixed;
	top:50vh;
	left:50vw;
}

#airport {
	width:710px;
	position:absolute;
	top: -234px;
	left: -777px;
}
#airport img {
	width:710px;
}

#road {
	width: 1576px;
	position:absolute;
	left: -436px;
	top: 89px;
}
#road img {
	width: 1576px;
}

#plane {
	width:1009px;
	position:absolute;
	top: -131px;
	left: -268px;
	opacity: 0;
}

#plane img{
	width:1009px;
}

#wing {
	width: 529px;
	position:absolute;
	top: -3px;
	left: 62px;
	z-index: 20;
	opacity: 0;
}

#wing img{
	width:529px;
}

#pull {
	width: 115px;
	position:absolute;
	top: 80px;
	left: -320px;
	opacity: 0;
}

#pull img{
	width: 115px;
}

#pullHover {
	background-color:#231F20;
	width:300px;
	height:40px;
	position:absolute;
	top:80px;
	left:-730px
}

#truck {
	position:absolute;
	width:115px;
	height:110px;
	top:-3px;
	left: 1200px;
}

#truck div {
	position:absolute;
}

#truck-el1 {
	bottom:0;
	left:0;
	width: 115px;
	z-index:2;
}

#truck-el1 img {
	width: 115px;
}

#truck-el2 {
	width:48px;
	bottom: -10px;
	right: 23px;
	z-index:0;
}

#truck-el2 img {
	width:48px;
	height:5px;
-webkit-transform: scale(19,1);
   -moz-transform: scale(19,1);
        transform: scale(19,1);
	position: absolute;
	top: -26px;
}

#truck-el3 {
	width:83px;
	top: 54px;
	right:3px;
	z-index:2;
}

#truck-el3 img{
	width:83px;
}
/*
#planespace {
	width: 1800px;
	height: 1000px;
	position: absolute;
	left: -550px;
	bottom: -73px;
}

#takeOff {
	width:100px;
	position:absolute;
	bottom:0;
	left:0;
}

#takeOff img {
	width:100px;
}
*/
#crew {
	position:absolute;
	width: 210px;
	top: -5px;
	left: -429px;
	height: 40px;
	overflow:hidden;
}

.cm {
	width:25px;
	height: 28px;

	position: absolute;
}

.cm img {
	width:25px;
}

#cm1 {
    top: 0;
    left: -25px;
}

#cm2 {
    top: 0;
    left: -50px;
}

#crewHigh {
	position:absolute;
	width:200px;
	top: -170px;
	left: -363px;
	opacity: 0;
}

#crewHigh img{
	width:210px;
}

#planeHigh{
	position:absolute;
	width:123px;
	top:15px;
	left:-190px;
	opacity: 0;
}

#planeHigh #pl-point{
	width:112px;
	position:absolute;
	top:0;
	left:0;
}

#planeHigh #pl-round {
	width:143px;
	position:absolute;
	top:75px;
	left:-20px;
}

#truckHigh{
	position:absolute;
	width:182px;
	top:-145px;
	left:375px;
	z-index:20;
	opacity: 0;
}

.highlightTxt {
	width:400px;
	text-align:right;
	border:4px solid #fff;
	text-transform:uppercase;
	font-family:Arial;
	font-weight:700;
	color:#fff;
	position:absolute;
	background: -webkit-linear-gradient(0deg, #f37625, #f2a723);
	background: -moz-linear-gradient(0deg, #f37625, #f2a723);
	background: linear-gradient(90deg, #f37625, #f2a723);
	z-index:-5;
	opacity:0;
}

#planeHigh .highlightTxt {
	bottom:-190px;
	right:60px;
	padding:10px 90px 10px 10px;
	-webkit-transform-origin: bottom right;
	   -moz-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	        transform-origin: bottom right;
}

#truckHigh .highlightTxt {
	bottom:60px;
	right:100px;
	padding:10px 90px 10px 10px;
	-webkit-animation-delay:14.5s;
	   -moz-animation-delay:14.5s;
	        animation-delay:14.5s;
	-webkit-transform-origin: bottom right;
	   -moz-transform-origin: bottom right;
	    -ms-transform-origin: bottom right;
	        transform-origin: bottom right;
}

#crewHigh .highlightTxt {
	 -webkit-animation-delay:20.5s;
	    -moz-animation-delay:20.5s;
	         animation-delay:20.5s;
	 bottom:80px;
	left:100px;
	padding:10px 10px 10px 80px;
	-webkit-transform-origin: bottom left;
	   -moz-transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	        transform-origin: bottom left;
}

#truckHigh img{
	width:192px;
}

#elements2 {
	width:0;
	height:0;
	position: fixed;
	top:50vh;
	left:50vw;
	z-index: 0;
}

#hugePlane{
	width: 18000px;
	position:absolute;
	top: -2900px;
	left: 1100px;
	z-index:999;
}

#hugePlane img {
	width: 18000px;
}

#a-sky-logo {
	width:100vw;
	height:100vh;
	position:absolute;
	top:-50vh;
	left:-50vw;
	opacity:0;
	z-index: 0;
}

#logo-big{
	width:80vw;
	position:absolute;
	top:180px;
	left: 10vw;
}

#logo-big img{
	width:100%;
	margin:auto;
}
#mission {
    text-align: center;
	font-family:PFBeauSansPro, sans-serif;
	color:#fff;
	font-size:3em
}

#bg-overlay {
	background: url(img/fpbg6.png) ,linear-gradient(90deg, #f37625, #f2a723);
	width:100vw;
	height:200vh;
}
#twister {
	width:200vw;
	margin-left:-60%;
	margin-top:-10%
}

#twister img {
	width:200vw;
}


@media (max-width: 2000px) {

	#elements {
		-webkit-transform:scale(1.25);
		-moz-transform:scale(1.25);
		-o-transform:scale(1.25);
		transform:scale(1.25);
	}
}

@media (max-width: 1700px) {

	#elements {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1);
	}
}
@media (max-width: 1366px) {
	#elements {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
	}
}

@media (max-width: 1300px) {
	#planeHigh #pl-point {
		-webkit-transform:scale(-1,-1);
		-moz-transform:scale(-1,-1);
		transform:scale(-1,-1);
		top:-140px;
		right:0;
	}
	#planeHigh #pl-round {
		top:-185px;
		left: -12px;}
	#planeHigh .highlightTxt {
		bottom: 70px;
		right: -414px;
		padding: 10px 10px 10px 90px;
		-webkit-transform-origin:bottom left;
		-moz-transform-origin:bottom left;
		transform-origin:bottom left;
	}
}

@media (max-width: 1200px) {
	#elements {
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-o-transform:scale(0.9);
		transform:scale(0.9);
	}
}

@media (max-width: 1000px) {
	#elements {
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
		transform:scale(0.8);
	}
}

@media (max-width:900px) {
	#elements {
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
		-o-transform:scale(0.6);
		transform:scale(0.6);
	}
}