#mother-book{
	background-image:url(/img/mother_bgr.jpg);
	background-size:100% 100%;
	display:inline-block;
	width:870px;
	height:600px;
	margin-bottom:100px;
	position:relative;
	padding-right:30px;
	transform:rotate(3deg);
}

#mother-book span{
	display:none;
	text-align:right;
	font-family:Aspaklarya;
	color:#094668;
	width:44%;
	padding-top:3%;
	height:82%;
	line-height:38px;
	font-size:30px;
	font-weight:bold;
	overflow-y:auto;
	position:absolute;
	left:24px;
	top:18px;
	direction:ltr;
	padding-right:40px;
}

#mother-book span div{
	direction:rtl;
}

#mother-book span h1{
	margin:0;
	font-size:30px;
}

#mother-book button{
	position:absolute;
	background:transparent url(/img/mother-arrow.png) center no-repeat;
	background-size:100% 100%;
	border:none;
	width:15px;
	height:31px;
	bottom:13;
	cursor:pointer;
	transition:opacity 0.2s ease;
	z-index:9;
}

#mother-book button:hover{
	opacity:0.7;
}

#mother-book button:first-child{
	left:32px;
}

#mother-book button:last-child{
	left:427px;
	bottom:15px;
	transform:scaleX(-1);
}

@media only screen and (max-width:800px){
	#mother-book{
		transform:none;
		background-image:url(/img/mother_bgr_mobile.jpg);
		width:100%;
		margin:0 0 40pt;
		padding:0;
		height:390pt;
	}

	#mother-book span{
		width:85%;
		height:77%;
		padding-right:8%;
		top:54px;
		left:0;
		font-size:20pt;
	}

	#mother-book button:first-child{
		left:20pt;
		bottom:9pt;
	}

	#mother-book button:last-child{
		left:auto;
		right: 20pt;
		bottom: 9pt;
	}
}