.banner {
  position: relative;
  // height: 32vh;
  // width: 100vw;
  width: 100%;
  height: 74vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  // display: table-cell;
  text-align: center;

  img {
    width: 100%;
    object-fit: cover;
  }

  .title {
    position: absolute;
    width: 100%;
    height: 73%;
    margin: 10% 0;
    top: 0;
    display: flex;
    text-align: center;

    .titleName {
      position: relative;
      left: 50%;
      width: 50%;

      .title-text {
        position: absolute;
        bottom: 0;
      }
    }
  }
}

// .activity-rules {
//   margin: 6vw 8vw;

//   li {
//     margin-top: 4vw;
//     line-height: 4vw;

//     &:first-child {
//       margin-top: 0;
//     }
//   }
// }
