/* SLIDE BUILDING */

#buildtext{

top:0;
z-index:7;
margin-top:5%;
text-indent:80px;
}
#buildtext:hover #buildtext_imagination span,#buildtext:hover #buildtext_possibilities span{
color:white;
background:black;
}
#buildtext_imagination span{
color:black; 
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
#buildtext_possibilities span{
color:black; 
font-size:12px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}

/* SLIDE UFO */
#ufo{
padding:0;
position:absolute;
left:-300px;
}
#ufo img{
width:100%;
max-width:300px;
height:auto;
}
#ufotext{
float:right;
right:-500px; 
position:absolute; 
margin-top:80px;
text-align:center;
}

/* SLIDE PLANE */
#plane{
padding:0;
}
#plane img{
width:100%;
height:auto;
}
#touchtext{
position:absolute;
}
#touchtext_and{
font-size:20px; 
position:relative; 
left:25px; 
font-weight:normal; 
top:-10px;
}
#touchtext_responsive{
position:relative; 
left:22px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
#touchtext:hover #touchtext_responsive{
color:#bdc3c7;
}
#touchtext h1{
font-size:36px;
}
#applecontainer{
position:absolute;
bottom:40%;
}
#apple{
margin-left:50px;
position:relative;

}
#macbook{
position:absolute;
z-index:1; 
bottom:0;
}
#ipad{
position:absolute;
z-index:1; 
bottom:0;
}
#iphone{
position:absolute;
z-index:1; 
bottom:0;
} 
/*DOG*/
#famoustext{
float:right;
color:black;
}

/* GENERAL */
.nopadding{
padding:0;
}
.nomargin{
margin:0;
}
.withpadding{
padding:20px;
}
.accentblue{
color:#3498db;
}

/*RESPONSIVE*/
@media screen and (max-width:767px){
#touchtext{
  margin-left:40px;
}
#touchtext h1{
  font-size:24px;
}
#touchtext_and{
  font-size:14px; 
  left:25px; 
  top:-5px;
} 

#ufotext{
  top:0px!important;
  right:40px;

}
#ufotext h3{
  font-size:24px;
}

#buildtext{
  position:absolute;
  top:0;
  z-index:7;
  margin-top:3%;
  text-indent:20px;
}

#famoustext{
  margin-right:0px;
  margin-top:100px;
} 
}

#transitions li{
height:30px;
}