.banner-image {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 height: 100%;
 width: 100%; 
}

.banner-text-container {
  /*background: rgba(0,0,0,.6); /* adds background color to the text area*/
}

.banner-text-area {

 width: 88%;
 height: 100%;
 margin: 0 auto;
 position: relative;
 max-width: 1310px;
 padding: 40px 0 30px;
}
 

.banner-text-area h1 {
 color: #fff;
 font-size: 36px;
}