._df_thumb{
    width:90%;
    height:auto;
    }
section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation, a.df-autolink{
    opacity:.2; 
    background-color: #d60b52; 
    }
section.linkAnnotation:hover a, a.linkAnnotation:hover, a.customLinkAnnotation:hover, .customHtmlAnnotation:hover, .customVideoAnnotation:hover, a.df-autolink:hover{ 
    opacity:0.4;
    background-color: #4e4a47; 
    }
.df-lightbox-wrapper .df-lightbox-close {
    font-size: 62px;
    }
.df-lightbox-wrapper .df-lightbox-close {
    font-size: 50px;
    padding: 8px 0;
    height: 68px;
    width: 66px;
    }
 .df-book-wrapper {
    position: relative;
}
.df-book-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 9vw solid #d60b52;
    border-left: 15.0vw solid transparent;
    opacity: 1;
    z-index: 50;
    pointer-events: none;
 -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.df-book-wrapper::before {
    content: "+";
    position: absolute;
    right: 3vw;
    bottom: 1.5vw;
    color: white;
    font-size: 3vw;
    z-index: 51;
    pointer-events: none;
}
.df-book-wrapper:hover::after { 
    border-bottom: 1px solid #d60b52;
    border-left: 1px solid transparent;
     -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.df-popup-thumb .df-book-title {
    font-size: 1.2em;
    font-weight: 600;
    }
.df-popup-thumb {
    --flip-intensity: 0.2; 
    }
.df-popup-thumb:hover .df-book-page1 {
    transform: rotateY(calc(-8deg * var(--flip-intensity)));
    }
.df-popup-thumb:hover .df-book-page2 {
    transform: rotateY(calc(-14deg * var(--flip-intensity)));
    }
.df-popup-thumb:hover .df-book-wrapper {
    transform: rotateY(calc(-15deg * var(--flip-intensity)));
    }
.df-popup-thumb:hover .df-book-cover {
    transform: rotateY(calc(-18deg * var(--flip-intensity)));
    }
.df-popup-thumb {
    perspective: 1700px;
    transform-style: preserve-3d;
    }
@media all and (max-width: 640px) {

  .df-book-wrapper::after {
    border-bottom: 18vw solid #d60b52;
    border-left: 30.0vw solid transparent;
    }
.df-book-wrapper::before {
    right: 6vw;
    bottom: 3vw;
    font-size: 20px;
    }
.df-popup-thumb .df-book-title {
    font-size: 1.0em;
    }
}