body {
  background-color: #f7f7f7;
}

.main {
  text-align: center;
}

.band {
  padding: 48px 0;
}

.band-white {
  background-color: #fff;
}

.band-dark {
  background-color: #2D6293;
}

h1 {
  font-size: 45px;
  color: #4f4f4f;
  margin: 0 0 40px;
}

.book-wrapper {
  margin-bottom: 40px;
}

.book {
  box-shadow: 0 0 25px rgba(0,0,0,.2), 0 0 15px rgba(0,0,0,.2);
  max-width: 80%;
}

h2 {
  font-size: 34px;
  color: #333;
  margin: 0 0 32px;
}

/* .block {
  margin-bottom: 42px;
} */

.section {
  margin-bottom: 32px;
}

.secton h3 {
  margin: 0;
}

/* .block:last-child, */
.section:last-child
 {
  margin-bottom: 0;
}

.band-dark h2,
.band-dark h3 {
  color: #fff;
}

h3 {
  font-size: 20px;
  color: #666;
  margin: 0;
}

.text,
p {
  font-size: 18px;
  color: #888;
}

p {
  padding-right: 4px;
  padding-left: 4px;
  max-width: 690px;
  margin: 0 auto 11px;
}

.text {
  margin-bottom: 18px;
  max-width: 620px;
}

hr.sm {
  width: 34px;
  color: #888;
  margin: 42px auto;
}

hr.md {
  width: 120px;
  border: solid #2D6293 1px;
}

.feature-icon {
  font-size: 76px;
  color: #2D6293;
}

.icon-wrapper {
  font-size: 42px;
  color: #D1DDED;
  float: left;
  padding: 0 18px;
  width: 81px;
}

.band-dark p {
  color: #D1DDED;
  margin-left: 81px;
}

.quote {
  font-size: 28px;
  color: #666;
  margin: 0 auto 18px;
  max-width: 860px;

}

.description {
  color: #888;
  font-size: 16px;
  margin-bottom: 24px;
}

/** sm: 768, md: 992 **/
@media (min-width: 992px) {
  .band-dark {
    padding: 110px;
  }

  .band-dark p {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
}