#picture_container {
	display:-webkit-flex;
   	display:flex;
   	-webkit-flex-flow:row wrap;
   	flex-flow:row wrap;
}
#picture_container div {
	margin-top:1em;
	min-width:276px;
	max-width:50%;
}
#picture_container p {
	margin-bottom:0.25em;
}

@media only screen and (max-width: 767px) {

#picture_container {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-flow: column;
   flex-flow: column;
}

#picture_container div {
	min-width:256px;
	max-width:100%;
}
}