/*-----------------------------------------------------------------------------
author:    www.blackwaspdigital.com
-----------------------------------------------------------------------------*/


/* =cypher-surveying Home page
-----------------------------------------------------------------------------*/
.content {
	height:700px;
	}

.blueBtn {
	width:75%;
	margin:0 auto;
	}
	
.quoteBox	{ 
	background:rgba(0, 0, 0, 0.85); 
	width:45%; 
	float:right;	
	margin:4em 0 10em 0; 
	color:#ffffff;
	padding:2.5%;	
	}
		
.quoteUpper {
	background:url(../img/quoteBoxUpperQuote.png) top left no-repeat;
	}
	
.quoteLower {
	background:url(../img/quoteBoxLowerQuote.png) bottom right no-repeat;	
	}
	
.quote {
	padding:25px 25px 0 25px;
	font-size:150%;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	line-height:90%;
	}
	
.quoteCredits {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	margin:0 0 15px 0;
	}
	
@media screen and (max-width: 1450px) {
	
.content {
	height:500px;
	}
		
}
	
@media screen and (max-width: 1250px) {
	
.quoteBox	{ 	
	margin:4em 3em 12em 0;	
	}
	
.content {
	height:400px;
	}
		
}

@media screen and (max-width: 1150px) {
	
.content {
	height:300px;
	}
		
}

@media screen and (max-width: 950px) {
	
.content {
	padding:0 0 12em 0;
	height:250px;
	}
	
.quoteBox	{ 	
	margin:4em auto 0 auto;	
	width:75%;
	float:none;
	}
		
}

@media screen and (max-width: 850px) {
	
.content {
	height:200px;
	}
		
}

@media screen and (max-width: 750px) {
	
.content {
	height:150px;
	}
		
}

@media screen and (max-width: 650px) {
	
.quote {
	font-size:125%;
	}
		
}

@media screen and (max-width: 500px) {
	
.content {
	height:75px;
	}
		
}