.raf-container {
	padding-top: 40px;
}
.raf {
	display: table;
	width: 100%;
}
.raf-leftColumn,
.raf-rightColumn {
	display: table-cell;
	vertical-align: middle;
}
.raf-leftColumn {
	width: 50%; /* bkz */
	text-align: right;
}
.raf-rightColumn {
	text-align: left;
}


.raf-link {
	box-sizing: border-box;
    background-color: #d04236;
    border: none;
    color: white;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 0;
    cursor: pointer;
	transition: .3s;
	border: solid 2px #d04236;
}
.raf-link:hover {
    background-color: #a92f25;
	border: solid 2px #a92f25;
}
.raf-all {
	box-sizing: border-box;
    border: none;
    color: #333333;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 0;
    cursor: pointer;
	transition: .3s;
	border: solid 2px #272727;
}
.raf-all:hover {
    background-color: #272727;
	color: #ffffff;
}


@media (max-width: 768px) {
	.raf {
		display: block;
	}
	.raf-leftColumn,
	.raf-rightColumn {
		display: block;
		width: 100%;
		text-align: left;
	}
} /* eo media */



/* Fallback styles */
.book {
  display: inline-block;
  box-shadow: 5px 5px 20px #333;
  margin: 10px;
}

.book img { vertical-align: middle; }

/*
 *  In order for this to work, you must use Modernizer
 *  to detect 3D transform browser support. This will add
 *  a "csstransforms3d" class to the HTML element.
 *
 *  Visit http://modernizr.com/ for installation instructions
 */

.csstransforms3d  .books {
  -moz-perspective: 100px;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.csstransforms3d  .book {
  position: relative;
  -moz-perspective: 100px;
  -moz-transform: rotateY(-3deg);
  -webkit-transform: perspective(100) rotateY(-3deg);
  outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
  box-shadow: none;
  margin: 0;
}

.csstransforms3d  .book img {
  position: relative;
  max-width: 100%;
}

.csstransforms3d  .book:before,
.csstransforms3d  .book:after {
  position: absolute;
  top: 2%;
  height: 96%;
  content: ' ';
  z-index: -1;
}

.csstransforms3d  .book:before {
  width: 100%;
  left: 5.75%; /* 7.5 */
  background-color: #333;
  box-shadow: 5px 5px 20px #333;
}

.csstransforms3d  .book:after {
  width: 4%; /* 5 */
  left: 100%;
  background-color: #EFEFEF;
  box-shadow: inset 0px 0px 5px #aaa;
  -moz-transform: rotateY(20deg);
  -webkit-transform: perspective(100) rotateY(20deg);
}



.books {
	white-space: nowrap;
	width: 100%;
}