.banner {
  position: relative;
  width: 100%;
  height: 400px;
  z-index: 100;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.banner img {
  position: absolute;
  width: 100%;
  height: 400px;
}

.banner-text {
  transform: translateY(50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: static;
  z-index: 200;
}

.banner-text h1 {
  color: white;
  text-shadow: 0 0 10px #000000;
  text-align: center;
}

.banner-links {
  display: none;
}

/* RWD */
/* lg -(768px)- md -(540)- sm */

/*768px斷點*/
@media (max-width: 768px) {
}

/*540px斷點*/
@media (max-width: 540px) {
  .banner {
    height: 200px;
  }
}