body {
   margin: 0;
}

.container {
   display: inline-block;
   width: 100%;
}

.container>.row {
   display: flex;
   width: 600px;
   margin: 150px calc(50% - 300px);
   text-align: center;
   align-items: center;
   justify-content: center;
   flex-direction: row;
}

@media (max-width: 700px) {
   .container>.row {
      width: 500px;
      margin: 150px calc(50% - 250px);
   }
}

@media (max-width: 600px) {
   .container>.row {
      width: 400px;
      margin: 150px calc(50% - 200px);
   }
}

@media (max-width: 480px) {
   .container>.row {
      width: 320px;
      margin: 150px calc(50% - 160px);
   }
}

@media (max-width: 390px) {
   .container>.row {
      width: 200px;
      margin: 150px calc(50% - 100px);
   }
}