#hero {
    /* The image used */
    background-image: url(../../images/Banner-Home.jpg);
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Set a specific height */
    height: 100%;
    width: 100%;
    min-height: 860px;
    max-height: 1900px;
    padding-top: 120px;
}

#hero h1 {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 62px;
    font-weight: bold;
    text-align: center;
    margin-top: 10%;
}