.vip{
      width: 100%;
      max-width: 990px;
      min-width: 900px;
      margin: 0px auto;
      padding: 30px;
      background-color: #000;

}
.vip_content{
      color: #fff;
      padding: 10px;
}
.vip_content h1{
      color: #fff;
      font-size: 26px;
      padding: 20px 20px 15px 5px;
}


.vip_content h2{
      color: #fff;

}





.vip_button a {
      display: block;


      padding: 10px 5px;
      text-decoration: none;

      color: #fff;
      background-color: #5c1a74;
      border-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-background-clip:    padding;
      background-clip:         padding-box;
      border: 1px solid #fff;
      text-align: center;

      margin: 5px auto;
      font-size: 16px;
}
.vip_button a:hover {
      background-color:#721F93;
      color: #fff;
}
.vip_button a:focus {


      background-color: #721F93;
      color: #fff;
}



.vip_but {
    width: 100%;
    max-width: 990px;

    margin: 0px auto;


}
.vip_but li {

    padding: 5px;
    text-align: center;
   
}
.vip_but ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;

}
.vip_but li {
    float: left;
    width: calc(33.333333% );
    margin: 20px 0;

}
@supports (display: grid) {
    .vip_but ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

    }
    .vip_but li {
        width: auto;
        min-height: auto;
        margin: 0;

    }
}