.main {
    width: 100%;
	padding-bottom: 15px;
}
	.image {
    float: left;
    padding: 0px 15px 0px 0px;
}
	.single-image {
    width: 150px;
}
	.details {
    float: left;
}
	
	.clear {
		clear: both;
	}
	h3.name {
    padding: 0;
    margin: 0;
}
	p.designation {
    font-style: italic;
    padding: 0;
    margin: 0;
}
	p.email {
    margin: 0;
}
	.block {
		display: block;
		width: 100%;
	}
	h1.main-heading {
    font-size: 20px;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.54);
    border-bottom: 3px solid #f7bc4a;
    display: inline-block;
}
	.column6 {
  float: left;
  width: 50%;
}
	/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column6 {
    width: 100%;
  }
}