<!DOCTYPE html>
<html>
<body><p>header .intro-text {
  padding-top: 100px;
  padding-bottom: 0px!important;
}

.team-member img {width: initial; float: none; margin-top: 40px; border:none!important; max-width:250px; }
.team-member p { margin: 20px 50px; font-size:16px; text-align: justify; }

@media (min-width: 768px) {
.team-member img { width:initial;  float: left; margin-top: 0; }
section#team .team-member { text-align:inherit; } 
.team-member p { margin: 20px 50px; font-size:16px; }
section#team .col-sm-12 { text-align:left; }

section#team .col-sm-12 img{ float: left; margin-right: 40px; }
 }

section#team .col-sm-12 { margin:40px 0; }



.team-member h4 { padding-top: 20px; }

.row {padding: 0 50px;}

.row img {width: 100%;}

.row&gt;.col-md-2:hover {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}

.row&gt;.col-md-2:hover img { 	box-shadow: 3px 3px 3px #aaa; }

.col-md-2 { padding-bottom: 30px; text-align: left;}

.row&gt;.col-md-2&gt;.author { 
	opacity:0;
	font-size: 12px;
    font-weight: bold;
    color: #777;}
.row&gt;.col-md-2:hover&gt;.author { opacity:1; }

</p></body>
</html>
