body {
	margin: auto;
	background-color: white;
}



div.quote {
	font-family: 'Crimson Text', serif;
	position: absolute;
}

div.author {
	font-family: 'Crimson Text', serif;
	position: absolute;
}

@media (min-width: 1000px) {

	img {
		max-height: 280%;
		max-width: 280%;
		min-width: 100%;
		min-height: 100%;
		position: fixed;
		top: -145%;
		left: 0;
	}
	
	div.quote {
		width: 530px;
		font-size: 2.3rem;
		top: 140px;
		left: 80px;
		text-align: left;
		margin: 0;
	}

	div.author {
		font-size: 1.5rem;
		text-align: left;
		top: 270px;
		left: 80px;
		margin: 0;
	
	}
}

@media (max-width: 1000px) {

	img {
		max-height: 250%;
		max-width: 250%;
		min-width: 100%;
		min-height: 100%;
		position: fixed;
		top: -120%;
		left: 0;
	}
	
	div.quote {
		width: 450px;
		font-size: 2rem;
		top: 140px;
		left: 80px;
		text-align: left;
		margin: 0;
	}

	div.author {
		font-size: 1.3rem;
		text-align: left;
		top: 250px;
		left: 80px;
		margin: 0;
	
	}
}

@media (max-width: 800px) {

	img {
		max-height: 250%;
		max-width: 250%;
		min-width: 150%;
		min-height: 150%;
		position: fixed;
		top: -115%;
		left: -10%;
	}

	div.quote {
		width: 400px;
		font-size: 1.7rem;
		top: 110px;
		left: 50px;
		text-align: left;
		margin: 0;
	}

	div.author {
		font-size: 1.2rem;
		text-align: left;
		top: 210px;
		left: 50px;
		margin: 0;
	}
}

@media (max-width: 700px) {

	img {
		size: cover;
		max-height: 250%;
		max-width: 250%;
		min-width: 150%;
		min-height: 150%;
		position: fixed;
		top: -115%;
		left: -10%;
	}

	div.quote {
		width: 350px;
		font-size: 1.5rem;
		top: 150px;
		left: 40px;
		text-align: left;
		margin: 0;
	}

	div.author {
		font-size: 1rem;
		text-align: left;
		top: 235px;
		left: 40px;
		margin: 0;
	}
}

@media (max-width: 500px) {

	img {
/*		size: cover;*/
		max-height: 250%;
		max-width: 250%;
		min-width: 200%;
		min-height: 200%;
		position: fixed;
		top: -90%;
		left: -10%;
	}

	div.quote {
		width: 330px;
		font-size: 1.4rem;
		top: 170px;
		left: 40px;
		text-align: left;
		margin: 0;
	}

	div.author {
		font-size: 1rem;
		text-align: left;
		top: 245px;
		left: 40px;
		margin: 0;
	}
}



@media (max-width: 414px) and (max-height: 736px) {
	img {
		/*size: cover;*/
		max-height: 120%;
		min-width: 120%;
		min-width: 200%;
		min-height: 200%;
		position: fixed;
		top: -5%;
		left: -30%;
	}

	div.quote {
		width: 340px;
		font-size: 1.3rem;
		text-align: left;
		top: 320px;
		right: 35px;
		margin: 0;
	}

	div.author {
		font-size: .9rem;
		text-align: right;
		top: 400px;
		right: 35px;
		margin: 0;
	}
}

a.fullPageButton {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}