.grid-container {
  align: center
  overflow: hidden;
  width: 65%; /* or anything other than auto */
  margin-left: auto;
  margin-right: auto;
}

.flex-container {
   flex-direction: row;
   display: flex;
   padding: 10px 0px;
}

.pics-div {
   flex-grow: 2;
   display: flex;
   float:left;
   flex-direction: row;
   margin-left: auto;
   margin-right: auto;
   align-items: center;
}
.text-div {
   flex-grow: 3;
   float:right;
   text-align:left;
   padding: 0px 20px;
   min-width: 300px;
}

img {
	max-height: 240;
	max-width: 80vw;
}

.inner {
   padding: 10px 10px;
}

@media (max-width:1300px){
    .flex-container{
	    flex-direction: column;
    }
    .reverse{
	    flex-direction: column-reverse;
    }
}

@media (max-width:1200px){
    .grid-container {
	    width:100%;
    }
}

@media (max-width:800px){
    .pics-div{
	    flex-direction: column;
    }
}