div.first{

			background-image: url("horizontal minion.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			width: 100%;
			background-width: 1024px;
			background-position: top left;
			position: absolute;
			overflow: hidden;

}			




body{
	box-sizing: border-box;
	height: 100%;
}

div.minions{
	position: absolute;
	max-width: 50%;
	margin-top: 150px;
	min-width: 30%;
	margin-left: 800px;
	margin-right: 10px;
	font-family: 'Cabin Sketch', cursive;
	color: black;
	font-size: 30pt;
}


@media (max-width: 800px) {
	div.minions{
		margin-left: 450px;
	}

@media (min-width: 950px) {
	div.quote {
				text-align: left;
				padding-top: 150px;
				font-size: 36pt;

			}
		}


@media (max-width: 615px) {
			div.first {
				background-image: url("vertical minion.jpg");
			}
			div.minions{
				margin-left: 50px;
				margin-top: 10px;
				max-width: 100%;

			}
			div.quote {
				text-align: center;
				padding-top: 50px;
				font-size: 20pt;

			}
			div.sayer{
				text-align: center;
				padding-top: 0px;
				font-size: 15pt;
			}
		}	

.quote{
	font-family: 'Cabin Sketch', cursive;
	font-size: 18pt;
	padding-right: 30px;
	right: 100px;
	color: black;

}

.sayer{
	font-family: 'Amatic SC', cursive;
	font-size: 15pt;
	right: 120px;
	color: black;


}




@media (min-width: 800px) {
			div.quote {
				padding-left: 1000px;
				padding-top: 50px;
				font-size: 20pt;

			}
		}



@media (max-width: 800px) {
			.sayer {
				text-align: center;
			
				font-size: 14pt;

			}
		}



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