@media screen and (max-width: 25em) {
.book-nav, .cols-2 {
    flex-direction: column;
  }
}
@media screen and (max-width: 37.5em) {
.book-nav, .cols-2 {
    flex-direction: column;
  }
}
@media screen and (max-width: 50em) {
.book-nav, .cols-2 {
    flex-direction: column;
  }
}
@media screen and (max-width: 64em) {
.book-nav, .cols-2 {
    flex-direction: column;
  }
}
@media screen and (max-width: 80.063em) {
.book-nav, .cols-2 {
    flex-direction: column
  }
}
.book-nav--item, 
.col-1, 
.col-2, 
.views-col {
  flex: 1;
}

.profile-image {
    box-sizing: border-box;
    height: 180px;
    width: 180px;
    max-height: 180px;
    max-width: 180px;
    padding: 0;
}
@media screen and (max-width: 25em) {
.profile-image {
    max-height: 100px;
    max-width: 100px;
  }
}
@media screen and (max-width: 37.5em) {
.profile-image {
    max-height: 120px;
    max-width: 120px;
  }
}
@media screen and (max-width: 50em) {
.profile-image {
    max-height: 140px;
    max-width: 140px;
  }
}
@media screen and (max-width: 64em) {
.profile-image {
    max-height: 160px;
    max-width: 160px;
  }
}