#PlanesContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 311px;
    right: 0;
}

    #PlanesContainer div {
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        position: absolute;
        width: 311px;
    }


    #PlanesContainer.down div {
    }

#String1 {
    transition-delay: 0.2s !important;
    top: -20vh;
    height: 10vh;
    background-image: url(../images/paperplanes/p5_string.png);
}

#Plane1 {
    transition-delay: 0.2s !important;
    top: -20vh;
    height: 103px;
    background-image: url(../images/paperplanes/p5_plane.png);
}

#PlanesContainer.down #String1 {
    top: 0;
}


#PlanesContainer.down #Plane1 {
    top: 10vh;
}



#String2 {
    transition-delay: 0.3s !important;
    top: -30vh;
    height: 20vh;
    background-image: url(../images/paperplanes/p6_string.png);
}

#Plane2 {
    transition-delay: 0.3s !important;
    top: -20vh;
    height: 112px;
    background-image: url(../images/paperplanes/p6_plane.png);
}

#PlanesContainer.down #String2 {
    top: 0;
}


#PlanesContainer.down #Plane2 {
    top: 20vh;
}


#String3 {
    top: -40vh;
    height: 30vh;
    background-image: url(../images/paperplanes/p4_string.png);
}

#Plane3 {
    top: -20vh;
    height: 117px;
    background-image: url(../images/paperplanes/p4_plane.png);
}

#PlanesContainer.down #String3 {
    top: 0;
}


#PlanesContainer.down #Plane3 {
    top: 30vh;
}


#String4 {
    transition-delay: 0.1s !important;
    top: -50vh;
    height: 40vh;
    background-image: url(../images/paperplanes/p3_string.png);
}

#Plane4 {
    transition-delay: 0.1s !important;
    top: -20vh;
    height: 125px;
    background-image: url(../images/paperplanes/p3_plane.png);
}

#PlanesContainer.down #String4 {
    top: 0;
}


#PlanesContainer.down #Plane4 {
    top: 40vh;
}


#String5 {
     transition-delay: 0.1s !important;
    top: -60vh;
    height: 50vh;
    background-image: url(../images/paperplanes/p2_string.png);
}

#Plane5 {
     transition-delay: 0.1s !important;
    top: -20vh;
    height: 96px;
    background-image: url(../images/paperplanes/p2_plane.png);
}


#PlanesContainer.down #String5 {
    top: 0;
}


#PlanesContainer.down #Plane5 {
    top: 50vh;
}


#String6 {
     transition-delay: 0.2s !important;
    top: -70vh;
    height: 57vh;
    background-image: url(../images/paperplanes/p7_string.png);
}

#Plane6 {
     transition-delay: 0.2s !important;
    top: -20vh;
    height: 93px;
    background-image: url(../images/paperplanes/p7_plane.png);
}

#PlanesContainer.down #String6 {
    top: 0;
}


#PlanesContainer.down #Plane6 {
    top: 57vh;
}

#String7 {
    top: -80vh;
    height: 65vh;
    background-image: url(../images/paperplanes/p1_string.png);
}

#Plane7 {
    top: -20vh;
    height: 145px;
    background-image: url(../images/paperplanes/p1_plane.png);
}

#PlanesContainer.down #String7 {
    top: 0;
}


#PlanesContainer.down #Plane7 {
    top: 65vh;
}