.sale-modal_content {
	flex-direction: column;
	justify-content: space-between;
	background-image: url(../images/photo.jpg);
	background-position: bottom;
	background-size: cover;
	position: relative;
	top: 50%;
	width: 50%;
	text-align: left;
	margin: auto;
	padding: 50px
}

.sale-modal_content h2 {
	font-size: 42px;
	margin-top: 0;
	width: 55%;
	margin-bottom: 50px;
	font-weight: 300
}

.sale-modal-bg {
	top: 0;
	z-index: 1042;
	overflow: hidden;
	/*	background-color: #fff*/
}


@media screen and (max-width:768px) {

	.sale-modal_content .book-link {
		width: 220px;
		padding: 14px 0
	}

	.sale-modal_content .reward-program {
		width: 220px
	}

	.sale-modal_content {
		top: 50%;
		padding: 50px 30px;
		transform: translateY(-50%)
	}

	.sale-modal_content h2 {
		font-size: 30px;
		width: 60%
	}
}

@media screen and (max-width:581px) {
	.sale-modal_content .book-link {
		width: 180px;
		padding: 12px 0
	}

	.sale-modal_content .reward-program {
		width: 180px
	}

	.sale-modal_content h2 {
		font-size: 30px;
		width: 70%
	}

	.sale-modal_content {
		justify-content: space-between
	}

	.sale-modal_content .book-link {
		width: 180px;
		padding: 12px 0
	}

	.sale-modal_content .reward-program {
		width: 180px
	}

	.sale-modal_content h2 {
		font-size: 30px;
		width: 70%
	}

	.sale-modal_content {
		justify-content: space-between
	}
}

@media screen and (max-width:480px) {
	.sale-modal_content h2 {
		width: 100%
	}
}

@media screen and (max-width:425px) {
	.sale-modal_content .book-link, .sale-modal_content .reward-program {
		width: 160px
	}
}

@media screen and (max-width:375px) {
	.sale-modal_content h2 {
		font-size: 27px
	}
}

@media screen and (max-width:320px) {
	.sale-modal_content h2 {
		width: 100%
	}
}