.content{margin:0 5% 3% 5%;width:90%;height:auto;}
h2{text-align:center;}
.intro{display:inline-block;background:#ffffff;width:100%;}
.gallery{width:100%;justify-content:space-around;display:inline-flex;flex-flow:row wrap;}
.photo img{display:flex;width:240px;}
#name{
display:flex;
width:236px;
height:1.5rem;
align-items:center;
justify-content:center;
background-color:#ffff66;
font-size:80%;
border:2px solid grey;
}
h4,h6{margin-left:7.5%;}
@media screen and (max-width:900px){
.photo img{width:200px;}
#name{width:196px;}
}
@media screen and (max-width:800px){
.photo img{width:160px;}
#name{width:156px;}
}
@media screen and (max-width:600px){
.photo img{width:120px;padding-top:10px;}
#name{width:116px;}
}