/*========== IPHONE PAGE STYLING ==========*/

/* #hero {
  width: 100%;
  height: 768px;
  background: url("../images/iphonex_hero.jpg");
  background-size: cover;
  background-position: 50% 50%;
font-family: 'Avenir', sans-serif;
font-size: 16px;
} */
.cls-iPhone{
  background: url('../images/HomeMacBackgroundiPhone 2.jpg');

}
@media (max-width: 767px){
  .cls-iPhone{
    background:  url('../images/iphone-bg.jpg');
  }
}

#hero .hero-text{
  width: 55%;
  padding: 0;
}

#hero .hero-text .text{
  width: 350px;
	line-height: 24px;  
}

@media screen and (max-width: 960px){
  #hero {
    height: 600px;
    background-position: 60% 50%;
  }
}

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

  #hero {
    background-position: 45% 50%;
  }

  #hero .hero-text
  {
    width: 100%;
    padding-top: 0px;
  }

  #hero .hero-text .text{
    width: 70%;
  }
}