html{overflow-y:scroll}body{overflow-y:hidden}a{color:#222}a:hover{color:#7a7a7a}a.icon-wrapper{text-align:center;display:inline-block;text-decoration:none}a.icon-wrapper-left{text-align:left;display:block;text-decoration:none}a.nav-link{text-decoration:none}article header{margin:1.5rem 0 3.3rem 0rem}article header h1{font-size:4.0rem}article section h3,article section h2,article section h1{font-size:2.6rem}img{max-width:100%;height:auto}img.circle{border-radius:50%}.meta{margin-bottom:1rem;margin-top:-1rem;font-style:italic}div#photo img{border-radius:5px}

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.gallery-item {
  margin: 5px;
  border: 1px solid #ccc;
  width: 180px;
}

div.gallery-item:hover {
  border: 1px solid #777;
}

div.gallery-item img {
  width: 100%;
  height: auto;
}

div.gallery-item div.desc {
  padding: 15px;
  text-align: center;
}