.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
} 

.main-left {
	text-align: center;
	margin: auto;
}

.flex-item{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
margin:15px;
font-size:15px;
}
.flexcontainer-4col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  
            -ms-flex-flow: row wrap;
  
                flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
width:100%;}

.flexcontainer-4col img{margin:0;}

@media (max-width:400px) {
.flex-item{
	-webkit-box-flex: 100%;
	    -ms-flex: 100%;
	        flex: 100%;}}