.join-band {
  background-color: #102A4C;
  background-image: url(../../images/Not-for-profit-banner-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  color: white;
  text-align: center;
  padding: 40px 20%;
  border: 9px solid white;
  font-weight: 500;
}
@media (min-width:  768px ) and (max-width:  991px ) {
  .join-band {
    padding: 40px 20%;
  }
}
@media (max-width:  767px ) {
  .join-band {
    padding: 70px 20px;
  }
}
.join-band .title {
  color: white;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width:  767px ) {
  .join-band .title {
    font-size: 16px;
  }
}
.join-band p {
  margin-bottom: 15px;
  font-size: 18px;
}
.join-band .btn {
  color: white;
  border-color: white;
}
.join-band .btn:focus,
.join-band .btn:hover {
  background: white;
  color: #102A4C;
}