.middle2 {
    display: table;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 1rem ;
  }
@media only screen and (max-width: 900px) {
    .middle2 {
      margin: auto;
      margin-top: 1rem;
  
    }}
.wrong{
        color: red;
        font-weight: bold;
      }