body,input,a,select,td,div,span,button {
    font-size:16px;
}

h1 {
    font-weight: 800;
    font-size:1.5rem;
    line-height:1.5;
}

.cover-heading {

}

.lead {
    font-size: 1em;
    line-height:1.5;
}

*,
*:before,
*:after {
  box-sizing: border-box !important;
}

article {
   column-width: 27em;
  -moz-column-width: 27em;
  -webkit-column-width: 27em;
  -moz-column-gap: .5em;
  column-gap: .5em;
  -webkit-column-gap: .5em;
}

section {
  display: inline-block;
  margin: .25rem .25rem 0 .25rem;
  padding: 0;
  width: 100%;
}

body {
  padding: .25em .75em .5em .25em;
}

body {
  line-height: 1.25;
}

.rikbook--img-container {
  position: relative;
  background-color: #000;
}

.rikbook--action {
transition: .5s ease;
opacity: .7;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

@media (min-width: 992px) {
    .rikbook--action {
    opacity: 0;
    }
}

.rikbook--img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.rikbook--img-container:hover .rikbook--img {
  opacity: 0.4;
}

.rikbook--img-container:hover .rikbook--action {
  opacity: 1;
}

.btn-dark {
    background-color:#000;
    border-color:#000;
}