body {background-color: black;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  width: 30%;
}


@media only screen and (max-width: calc(100vh*2)) {

    .center {
        width: 40%;
      }
}

@media only screen and (max-width: calc(100vh*1.7)) {

    .center {
        width: 48%;
      }
}

@media only screen and (max-width: calc(100vh*1.3)) {

    .center {
        width: 60%;
      }
}

@media only screen and (max-width: calc(100vh*1)) {

    .center {
        width: 80%;
    }
}