html, body {
  height: 100%;
}

.text_box {
  padding: 30px;
  width: 50%;
  height: 100%;
  border: 1px solid lightgray;
  display: flex;
  flex-wrap: wrap;


}

#container{
  width: 100%;
  height: 70%;
  background-color: white;
  display: flex;
  margin: 0 auto;
}

.center_buttons{
  margin:auto;
  display:block;
}


@media (max-width: 576px) {
  .text_box {
      flex-direction: row; 
      width: 100%; 
  }
  
  .center_buttons {
      display: block; 
      margin: 10px auto; 
  }
}