/* Three columns side by side */
.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
}

/* Add some shadows to create a card effect */
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
}

/* Some left and right padding inside the container */
.person-container {
  padding: 0 16px;
  width:70%;
}

.person-title {
  color: grey;
  margin-bottom: 10px;
  font-size: 14px;
}

.person-info{
	color: #484d55;
	margin-bottom: 10px;
	font-size: 12px;
}



/* Clear floats */
.person-container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.person-image{
	width: 120px;
	height:150px;
}

.row{
	margin-bottom: 40px;
}

@media screen and (max-width: 1200px){
	.column{
		width: 50%;
	}
}

@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
  .person-image{
  	height: 160px;
  	width: 125px;
  }

}