#fly-it, #fly-it2, #fly-it3, #fly-it4, #fly-it5, #fly-it6, #fly-it7, #fade-it { 
	position: relative; 
}

@media screen and (max-width: 2560px){ 

.balloons {
	margin-top: -33%;
	margin-left: 11%;
	width: 20%;
}

.moon-and-stars {
	width: 30%;
	float: right;
	margin-top: -15%;
	margin-right: 13%;
}

.mustache{
	width: 35%;
	margin-left: 49%;
	margin-top: 27%;
	z-index: 2;
}

.stars{
	width: 50%;
	margin-left: 22%;
}

.rocket-and-clouds {
	width: 23%;
    z-index: -2;
    margin-top: -10%;
    margin-left: 43%;
}

.bubble {
	width: 6%;
    margin-left: -65%;
    margin-bottom: 29%;
    z-index: -10;
}

.bubble-1 {
	width: 4%;
    margin-left: 2%;
    margin-bottom: 18%;
    z-index: -10;
}

.bubble-2 {
	width: 5%;
    margin-left: -4%;
    margin-bottom: 24%;
    z-index: -10;
}

.small-display {
	display: none;
}
}

@media screen and (max-width: 1960px){
    
.moon-and-stars {
    margin-right: 8%;
}

.rocket-and-clouds {
    width: 30%;
}
    
}

@media screen and (max-width: 1280px){ 

.balloons {
    margin-top: -41%;
    width: 26%;
}
.moon-and-stars {
    width: 40%;
    margin-right: 3%;
}

.mustache {
    margin-top: 20%;
}

.stars {
    width: 75%;
    margin-left: 13%;
}

.rocket-and-clouds {
    width: 34%;
}

.small-display {
	display: none;
}
}

@media screen and (max-width: 960px){                  /* Mac computer Media Query */ 

.balloons {
    margin-top: -55%;
    width: 35%;
}

.bubble {
	width: 6%;
    margin-left: -65%;
    margin-bottom: 24%;
    z-index: -10;
}

.bubble-1 {
	width: 4%;
    margin-left: 2%;
    margin-bottom: 12%;
    z-index: -10;
}

.bubble-2 {
	width: 5%;
    margin-left: -4%;
    margin-bottom: 20%;
    z-index: -10;
}

.rocket-and-clouds {
    width: 45%;
    margin-top: -17%;
    margin-left: 44%;
}

.small-display {
	display: none;
}
}

@media screen and (max-width: 600px){                  /* Mac computer Media Query */ 

#fly-it, #fly-it2, #fly-it3, #fly-it4, #fly-it5, #fly-it6, #fly-it7, #fade-it { 
	display: none;
}

.small-display {
	display: block;
}

#balloons {
    margin-top: 10%;
    margin-left: 6%;
    width: 40%;
}

#moon-and-stars {
    width: 47%;
    float: right;
    margin-top: 6%;
    margin-right: 2%;
}

#mustache {
    width: 35%;
    margin-left: 59%;
    margin-top: 58%;
    z-index: 2;
}

#stars {
    width: 85%;
    margin-left: 9%;
}

#rocket-and-clouds {
	width: 50%;
    z-index: -2;
    margin-top: -10%;
    margin-left: 25%;
}

#bubble {
	width: 6%;
    margin-left: 24%;
    margin-top: -29%;
    z-index: -10;
}

#bubble-1 {
    width: 4%;
    margin-left: 36%;
    margin-top: 0%;
    z-index: -11;
}

#bubble-2 {
    width: 5%;
    margin-left: 32%;
    margin-top: 6%;
    z-index: -12;
}

}

@media screen and (max-width: 480px){                  /* Mac computer Media Query */ 

#fly-it, #fly-it2, #fly-it3, #fly-it4, #fly-it5, #fly-it6, #fly-it7, #fade-it { 
	display: none;
}

.small-display {
	display: block;
}

#balloons {
    margin-top: 10%;
    margin-left: 6%;
    width: 40%;
}

#moon-and-stars {
    width: 47%;
    float: right;
    margin-top: 6%;
    margin-right: 2%;
}

#mustache {
    width: 35%;
    margin-left: 59%;
    margin-top: 58%;
    z-index: 2;
}

#stars {
    width: 85%;
    margin-left: 9%;
}

#rocket-and-clouds {
	width: 50%;
    z-index: -2;
    margin-top: -10%;
    margin-left: 25%;
}

#bubble {
	width: 6%;
    margin-left: 24%;
    margin-top: -29%;
    z-index: -10;
}

#bubble-1 {
    width: 4%;
    margin-left: 36%;
    margin-top: 0%;
    z-index: -11;
}

#bubble-2 {
    width: 5%;
    margin-left: 32%;
    margin-top: 1%;
    z-index: -12;
}

}