.flexcontainer {
-ms-box-orient: horizontal;
display: -ms-Flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
align-items: center;			
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;	
}

.flexcontainer img{
margin:10px;}

@media (max-width:768px) {
.flexcontainer img{
margin:5px;}}

.beforeafter {text-align:center;}
.beforeafter img {margin:10px;}