#vip {
  margin: 10px 0;
}

#vip .container .inner {
  background-image: url('../../images/home/vip-bg.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  padding: 37px 0 32px 0;
}

#vip .col1 {
  margin-right: 42px;
  flex-basis: 60%;
}

#vip .col2 {
  flex-basis: 50%;
}

#vip h2 {
  font-size: 39px;
  display: block;
  line-height: 0.8;
}

#vip .button {
  font-size: 17px;
  height: 50px;
  line-height: 50px;
  padding: 0 29px;
}

#vip p {
  font-size: 26.5px;
  margin-top: 3px;
}

#vip .f-red {
  font-size: 47px;
}

#vip .f-light-blue {
  font-size: 57px;
  text-shadow:
  -1px -1px 0 #fff,
  1px -1px 0 #fff,
  -1px 1px 0 #fff,
  1px 1px 0 #fff;
}
@media screen and (max-width: 992px ) {
  #vip .container .inner {
    flex-wrap: wrap;
    background-position: 70% bottom;
  }
  #vip .container .inner > * {
    flex-basis: 100%;
  }
  #vip .col1 {
    margin-right: 0;
  }
  #vip .col1 .wrapper {
    margin: 0 auto;
  }
  #vip .col2 {
    text-align: center;
  }
  #vip .button {
    margin-top: 25px;
  }
  #vip .container .inner {
    background-image: unset;
  }
  #vip .container {
    background-image: url('../../images/home/vip-bg-m.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
  }
}

@media screen and (max-width: 567px ) {
  #vip {
    margin: 54px 0 0 0;
  }
  #vip .container .inner {
    padding: 45px 0 58px 0;
  }
  #vip h2 {
    font-size: 33px;
  }
  #vip .f-red {
    font-size: 43.5px;
  }
  #vip .f-light-blue {
    font-size: 52.5px;
  }
  #vip p {
    font-size: 18px;
    margin-top: 12px;
  }
  #vip .button {
    margin-top: 16px;
  }
}