.main-banner-container {
  background-size:cover;
  background-repeat:no-repeat;
/*   background-position:center; */
/*   background-position:bottom; */
  
}
.main-banner-wrapper {
  display:flex; 
/*   padding: 50px 20px; */
/*   min-height:600px; */
  align-items:center;
  
}

.col-one-main-banner {
  flex-basis:50%; 
}
.col-one-logo img {
  max-width:100%; 
}
.col-one-title h1{
  color:#fff;
  line-height: 64px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom:35px;
  margin-top:0;
  font-weight:500;
  
}
.col-one-title h2 {
  margin-top:0;
}
.col-one-title p {
  color:#fff; 
  font-family: 'Montserrat', sans-serif;
  font-size:18px;
  margin-bottom:35px;
}

.col-one-button {
  display:flex;
}


.col-one-button a{
  padding:15px 24px;
/*   background: #0070BF; */
  color:#fff;
  display: flex;
  align-items: center;
  text-decoration:none;
  font-weight:bold;
  font-size:21px;
  letter-spacing:2px;
  text-transform:uppercase;
}

.col-one-button span {
  margin-right: 20px; 
}

.col-one-button.active span {
  margin-right:0;
}

.col-two-main-banner img {
  max-width:100%; 
  margin-top:50px;
}

@media only screen and (max-width:1000px) {
  .main-banner-container {
    position:relative;
  }
  
  .main-banner-container::after {
    content:'';
    position:absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
  }
  .main-banner-wrapper {
    position:relative;
    z-index:99;
    flex-direction:column;
    min-height:100% !important;
  }
  .col-one-main-banner, .col-two-main-banner {
    flex-basis:100% !important;  
    max-width:100%;
  }
  
  .col-one-title h1 {
    font-size:32px !important;
    line-height:50px !important;
  }
  
}
@media only screen and (max-width:400px) {
  .col-one-button a {
    font-size:14px !Important;
  }