.banner-section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.banner-section .banner-content {
    padding: 25vh 4vw;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.banner-section .banner-content h1 {
    color: #ffffff;
    font-size: calc(2.5em + 1vw);
}

.banner-section .banner-content h2 {
    color: #ffffff;
    font-size: calc(1.6em + 1vw);
    font-size: -webkit-calc(1.6em + 1vw);
    font-size: -moz-calc(1.6em + 1vw);
    line-height: 1;
}

.banner-section .banner-content p {
    font-size: calc(16px + 0.4vw);
    font-size: -webkit-calc(16px + 0.4vw);
    font-size: -moz-calc(16px + 0.4vw);
}

.banner-section .banner-content .button {
    font-size: 20px;
}

.banner-image img {
    width: 100%;
    display: block;
}

#main-banner {
    background-image: url('../images/home-header-mobile.jpg');
}

@media screen and (min-width: 768px) {

}
@media screen and (min-width: 960px) {
#main-banner {
    background-image: url('../images/home-header.jpg');
}
}