.box-wrap{width:100%;max-width:100%;margin:0 auto;}.book-section{height:100%;width:100%;padding:40px 0;text-align:center;}.book-section > .container{height:650px;width:100%;position:relative;left:50%;transform:translateX(-50%);border-radius:2%;margin-bottom:30px;perspective:1200px;}.container > .right{position:absolute;height:100%;width:50%;transition:.7s ease-in-out;transform-style:preserve-3d;}.book-section > .container > .right{right:0;transform-origin:left;border-radius:10px 0 0 10px;}.right > figure.front,.right > figure.back{margin:0;height:100%;width:100%;position:absolute;left:0;top:0;background-size:100%;background-repeat:no-repeat;backface-visibility:hidden;background-color:white;overflow:hidden;}.right > figure.front{border-radius:0 10px 10px 0;box-shadow:2px 2px 15px -2px rgba(0,0,0,.2);}.right > figure.back{border-radius:10px 0 0 10px;box-shadow:-2px 2px 15px -2px rgba(0,0,0,.2);transform:rotateY(180deg);}.flip{transform:rotateY(-180deg);}.flip::before{content:"";position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;border-radius:0 10px 10px 0;background-color:rgba(0,0,0,.1);}.book-section button{border:2px solid #064870;background-color:transparent;color:#064870;padding:10px 20px;border-radius:5px;cursor:pointer;margin:30px;transition:.3s ease-in-out;position:absolute;top:35%;}.book-section button:focus,.book-section button:active{outline:none;}.book-section > p{color:rgba(0,0,0,.7);font-family:calibri;font-size:24px;}.book-section > p > a{text-decoration:none;color:#064870;}.book-section > button:hover{background-color:#064870;color:#fff;}.front#cover,.back#back-cover{background-color:#064870;text-align:left;padding:0 30px;}.front#cover h1{color:#fff;font-size:40px;}.front#cover p{color:rgba(0,0,0,.8);color:#fff;font-size:14px;}@media (max-width:1366px){.book-section{padding:20px 0 0;}.book-section > .container{height:480px;margin-bottom:0;}}@media (max-width:1520px){.book-section > .container{height:530px;}}