#home #hero {background-image: url('../images/hero.png?4'); background-color: #eee;}



/* Default for Non-iOS (Regular Parallax) */
#home section{
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Works on non-iOS devices */
}

/* iOS Fix using WebKit-Specific CSS */
@supports (-webkit-touch-callout: none) {
    #home section {
        background-attachment: scroll !important; /* Prevent default fixed behavior */
    }
}

/* tablet portrait */
@media screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
    h2{font-size:3vh;}
      #home .container {
      max-width: 90%;
      padding-top: 5vh;
      padding-bottom: 5vh;
    }
    .btn { margin-top: 2vh;}
    /* Your styles for tablets in portrait mode */
    #home #hero {background-image: url('../images/hero-tablet.png');}

}
/* Styles for phones */
@media screen and (max-width: 599px) {
    #home section{
        position: relative;
        background-size: cover;
        background-position: center;
        background-attachment:scroll;
    }

    #home #hero {background-image: url('../images/hero-phone.png');}

}