.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row /* works with row or column */
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
width:90%;
margin-left:auto;
margin-right:auto;
padding:30px;
}

.item  {
margin: 0 8px;
}

@media screen and (max-width: 600px){
.flexcontainer {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}