html{
	height: 100%;
}


body{
	background-image: url(graspit.jpg);
	background-size: cover;
	background-repeat: none;
	min-height: 100%;
	font-family: 'ratio modern';
	color: #0b425b;
	font-size: 28pt;
	line-height: 1.4em;
}

b{
	font-size: 1.2em;
	font-weight: 600;
}

#source1{
	font-family: 'acumin-pro';
	font-weight: 100;
	padding-top: 20px;
}

@media (min-width: 1000px) {
	#text{
		margin-left: 20px;
		margin-top: 130px;
		width: 300px;	
	}

	#source1{
		font-size: 12pt;
	}

	.safe_zone{
		margin: 0 auto;
		max-width: 90%;
	}
}

@media (max-width: 700px) {
	body{
	background-image: url(graspit_small-09.jpg);
	font-size: 15pt;
	}

	#text{
		margin-top: 80px;
		margin-left: 110px;
	}

	.safe_zone{
		margin: 0 auto;
		max-width: 90%;
	}

		#source1{
		font-size: 8pt;
	}
}


@media (min-width: 700px) and (max-width: 1000px){
	body{
	font-size: 20pt;
	}

	#text{
		margin-top: 90px;
		margin-left: 20px;
		width: 200px;
	}

	#source1{
		font-size: 9.5pt;
	}
}

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