*{
padding:auto;
margin:auto;
text-align:center;
font-family: serif;
font-size: 20px;

}

h3 {
   line-height: 23px;  
}

img {
	max-width: 100%;
}

div{
	/* border:1px solid black; */
}

.main {
 
  /*width: 60%;  */
  width: 800px;
  height: 1200px;
 

}

.column {    
  width: 33.33%;
  margin: 10px;
}

.info {
 
 text-align: center; 
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;  
}

.row{
	
display: flex;	
  align-items: center;
  justify-content: center;	
	/*margin-left:100px;*/
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .main {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
  .row {
  margin-left:0px;
  }
}