.top-banner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: #fff;
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0px;
}

/*.top-banner {
	height: 200px;		
}*/

/* Responsive*/

@media only screen and (min-width: 428px) {
  .banner_title {
    font-size: 1.5rem;
  }

  .banner_des {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 428px) {
  /*.top-banner {
		height: 200px;		
	}*/

  .banner_title {
    font-size: 1.5rem;
  }

  .banner_des {
    font-size: 1rem;
  }
}

/* Small devices (portrait tablets and large phones, 768px and down) */

@media only screen and (min-width: 768px) {
  .banner_title {
    font-size: 2rem;
  }

  .banner_des {
    font-size: 1.2rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
  .banner_title {
    font-size: 2.5rem;
  }

  .banner_des {
    font-size: 1.5rem;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
  .banner_title {
    font-size: 2.5rem;
  }

  .banner_des {
    font-size: 1.5rem;
  }
}