<div id="container">
  <div id="inner-container">
  </div>
</div>

* {
  margin: 0;
  top: 0;
  left: 0;
}
#container {
  width: 100vw;
  height: 100vh;
  background: #bbd0c9;
  display: flex;
}
#inner-container {
  width: 20vw;
  height: 20vw;
  margin: auto;
  background: #bbd0c9;
}
@media (max-width: 720px) {
  #inner-container {
    width: 50vw;
    height: 50vw;
  }
}