/* =================================================================== */
/* MAIN - Index
/* =================================================================== */	
									
.book__one {padding:3.95rem 0 1rem; margin: 0 auto; width: 100%; text-align:center; z-index:1; position: relative; clear: both}
.book__one-1 {position: relative; text-align:center}
.book__one-1 img {width:100%; height:100%; vertical-align: top; backface-visibility: hidden}
.book__one-1 > div:nth-child(2),
.book__one-1 > div:nth-child(3) {display:none}
.book__one-2 {margin-top:2.5rem; position: relative; text-align:center}
.book__one-2 h2 {font-size:30px; letter-spacing:0.025em; line-height:1.25}
.book__one-2 h2 span {font-size: 20px; letter-spacing:0.035em; display:block}
.book__one-2 h3 {font:normal 33px "Signature"; letter-spacing:-0.025em; line-height:2; text-transform:none}
.book__one-2 p {margin-top:0.5rem}
.book__one-2 p span {font-size:17px; letter-spacing:0.035em; line-height:2; display:block}
.book__one-3 {padding:3.5rem 0 3rem}
.book__one-3 svg {top:0; height:25px; fill: #f3eede; display:none}
.book__one-3 .span {margin-top:5rem}
.book__one-3 .span span {margin-left:0.8rem; display:block}
.book__one-3 .span > span:nth-child(1) {font:normal 41px 'Florentino'; letter-spacing:0.1em; line-height:0}
.book__one-3 .span > span:nth-child(2) {font-size:70px; line-height:0.65; color:#ddd; z-index:-1; position: relative} 
.book__one-3 .span > span:nth-child(3) {font:normal 41px 'Florentino'; letter-spacing:0.1em; line-height:0.1}
.book__one-3 h2 {margin-top:1.5rem; font:normal 18px "Cormorant"; letter-spacing:0.05em; color:#888; text-transform:none}
.book__one-3 p {margin:1.5rem auto 0; width:310px}
@media all and (min-width:576px){
	.book__one {padding-top:5rem}	
	.book__one-2 {margin-top:3.5rem}
	.book__one-2 h2 {font-size:37px}
	.book__one-2 h2 span {font-size:25px}
	.book__one-2 h3 {font-size:43px}
	.book__one-2 p span {font-size:20px}
	.book__one-3 {padding:3.95rem 0 3.5rem}
	.book__one-3 .span {margin-top:6rem}
	.book__one-3 p {width:460px}}	
@media all and (min-width:992px){	
	.book__one {padding-top:3.95rem}
	.book__one-1 img {padding: 1rem; background-color: #fff}	
	.book__one-1 > div:nth-child(2),
	.book__one-1 > div:nth-child(3) {display:flex}		
	.book__one-1 > div:nth-child(1) {right:15.5rem; top:6rem; width: 251px; height: 335px; position: absolute; z-index: 5}
	.book__one-1 > div:nth-child(2) {right:3.5rem; top:0; width: 251px; height: 335px; position: absolute}
	.book__one-1 > div:nth-child(3) {right:-9rem; top:16rem; width: 335px; position: absolute}	
	.book__one-2 {margin-top:5rem; text-align:left}
	.book__one-2 h2 {font:bold 28px "Cormorant"; text-transform:none}
	.book__one-2 h2 span {font:bold 28px "Cormorant"; display:inline-flex; text-transform:none}
	.book__one-2 h3 {font:italic 13px "Lato"; letter-spacing:0.1em; line-height:2.5; color: #888; text-transform:uppercase}	
	.book__one-2 p {margin-top:9rem; color: #888; text-align:right}
	.book__one-2 p span {text-transform:none; font-size: 22px; letter-spacing:0.02em; line-height:1.5}
	.book__one-3 {padding:6.5rem 0 3.5rem}
	.book__one-3 .span {margin-top:3rem}
	.book__one-3 .span span {margin-left:0; display:inline}
	.book__one-3 .span > span:nth-child(2) {font-size:25px; color: #333}
	.book__one-3 svg {height:60px; display:inline-block}
	.book__one-3 img {position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden}
	.book__one-3 h2 {margin-top:0.5rem; font-size:26px; letter-spacing:0.1em}
	.book__one-3 p {width:810px}}
@media all and (min-width:1200px){		
	.book__one {padding-top:4.5rem}
	.book__one-1 > div:nth-child(1) {right:18.5rem; width: 299px; height:399px}
	.book__one-1 > div:nth-child(2) {right:3rem; width: 299px; height:399px}
	.book__one-1 > div:nth-child(3) {right:-12rem; top:18rem; width:399px}
	.book__one-2 {margin-top:5rem}
	.book__one-2 h2 {padding-left:2rem; font-size:31px; letter-spacing:-0.03em}	
	.book__one-2 h2 span {font-size:35px}
	.book__one-2 h3 {padding-left:2rem; font-size:15px; letter-spacing:0.07em; line-height:1.8}	
	.book__one-2 p {margin-top:12rem; letter-spacing:0.05em; line-height:1.6}
	.book__one-3 {padding:7rem 0 3.95rem}}
/* -------------------------------------------------------- Book 2 */		
.book__two {padding:4.5rem 0 1rem; margin: 0; background-color: #f7f5ef; position: relative; z-index:1; clear: both}
.book__two-1 {margin-bottom:0.5rem}
.book__two-1 .hr {margin-top:-0.5rem; top:0; left:3rem; height:105px; border-left:3px solid #8b998d; box-shadow: 1px 1px 0 #333; position:absolute}
.book__two-1 .gal {margin-bottom:3.5rem; margin-left:5rem}
.book__two-1 .gal span {display:block}
.book__two-1 .gal span.gal1 {font-size:33px; text-transform:none}
.book__two-1 .gal span.gal2 {font:normal 41px 'Playfair'; letter-spacing:-0.015em}
.book__two-2 > :nth-child(1) {margin-top:1rem}
.book__two-2 > :nth-child(2),
.book__two-2 > :nth-child(3) {margin-top:1.5rem}
.book__two-2 h2 {margin:2.5rem auto 2rem; text-align:center}
.book__two-2 h2 span {font:normal 16px 'Playfair'; letter-spacing:0.075em; line-height: 2.3; display:block}
.book__two-3 {display:none}
@media all and (min-width:576px){
	.book__two {padding:5.5rem 0 3rem}
	.book__two-1 .hr {margin-top:-1rem; left:6rem; height:135px}
	.book__two-1 .gal {margin-bottom:4rem; margin-left:9rem}
	.book__two-1 .gal span.gal1 {font-size:40px}
	.book__two-1 .gal span.gal2 {font-size:50px}
	.book__two-2 h2 {margin:3.5rem auto 1rem}
	.book__two-2 h2 span {font-size:23px}}
@media all and (min-width:767px){
	.book__two-1 img,
	.book__two-2 img {margin:0 auto; width:700px; display:flex; align-items:center; justify-content:center; position:relative}}	
@media all and (min-width:992px){
	.book__two {padding:4rem 0 5rem}
	.book__two-1 {margin-top:7rem}
	.book__two-1 .hr {height:70px; top:2.75rem; left:16.70%; transform: translateX(-50%); padding-top:0}	
	.book__two-1 .gal {margin:0 auto 3.9rem; text-align:center}	
	.book__two-1 .gal span.gal1 {font-size:31px}
	.book__two-1 .gal span.gal2 {font-size:39px; letter-spacing:0.025em}
	.book__two-2 h2 {padding-right:1.3rem; margin:1.25rem auto 0; text-align:right}	
	.book__two-2 h2 span {font:normal 16px 'Cormorant'; letter-spacing:0; line-height:1.8}
	.book__two-2 > :nth-child(1) {padding:1rem; margin-top:0}
	.book__two-2 > :nth-child(2),
	.book__two-2 > :nth-child(3) {display:none}	
	.book__two-3 {margin-top:1rem; display:block}
	.book__two-3 > :nth-child(1) {margin-bottom:1rem}}	
@media all and (min-width:1200px){
	.book__two-1 {margin-top:9.5rem}
	.book__two-1 .hr {top:5rem}	
	.book__two-1 .gal {margin:0 auto 5rem}		
	.book__two-2 h2 {padding-right:2rem; margin:2rem auto 0}	
	.book__two-2 h2 span {font-size:18px}	
	.book__two-2 > :nth-child(1) {padding:1.5rem}
	.book__two-3 {margin-top:1.5rem}
	.book__two-3 > :nth-child(1) {margin-bottom:1.5rem}}