/* CSS Document */
.float-wrapper {
  overflow: hidden;
}

.float-wrapper figure {
  float: right;
  width: 245px;
  margin: 0 0 20px 20px;
}

.float-img {
  width: 100%;
  height: auto;
  display: block;
}

.float-wrapper figcaption {
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .float-wrapper figure {
    float: none;
    width: 100%;
    margin: 0 0 16px 0;
  }
  
  .float-wrapper figure img {
    max-width: 300px;
    margin: auto;
    display: block;
  }

  .float-wrapper figcaption {
    text-align: center;
  }
}