@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;	
}

html {
	background: #c8e600 url(../images/bg.jpg) center top;
	height: 100%;
}

body {
	background: url(../images/texture.jpg) center center;
	position: relative;
	min-height: 100%;
	font-family: 'Panton-Regular';
	color: rgba(142, 152, 0, 0.75);
	-webkit-text-size-adjust: none;
}

.shadow {
	width: 600px;
	height: 600px;
	position: fixed;
	background-image: url(../images/background-shadows.png)
}

	.shadow.top-left {
		top: 0;
		left: 0;
		background-position: left top;
	}
	
	.shadow.top-right {
		top: 0;
		right: 0;
		background-position: right top;
	}
	
	.shadow.bottom-right {
		bottom: 0;
		right: 0;
		background-position: right bottom;
	}
	
	.shadow.bottom-left {
		bottom: 0;
		left: 0;
		background-position: left bottom;
	}

#content {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(227, 255, 0, 0.75);
}

	#content .name {
		font-size: 60px;
		font-family: 'Panton-BoldItalic';		
		text-shadow: 1px 1px 1px rgba(227, 255, 0, 0.75), 1px 1px 2px #c8e600, 0 0 0 #000, 1px 1px 2px #c8e600;
		display: none;	 
	}
	
	#content .claim {
		font-size: 23px;
		font-family: 'Panton-LightItalic';
		text-align: right;
		display: block;
		margin: 0 auto;
		width: 350px;
		margin-top: -15px;
		text-shadow: 1px 1px 1px rgba(227, 255, 0, 0.75), 1px 1px 0px #c8e600, 0 0 0 #000, 1px 1px 0px #c8e600;
		display: none;
	}
	
		#content .claim font {			
			font-family: 'Panton-RegularItalic';			
		}
		
		#content .claim font.dots {			
			font-family: 'Panton-Regular';			
		}

#contact {
	position: absolute;
	bottom: 40px;
	width: 100%;
	font-size: 18px;	
	text-align: center;
	font-family: 'Panton-SemiBoldItalic';
	line-height: 24px;
	text-shadow: 1px 1px 1px rgba(227, 255, 0, 0.75), 1px 1px 0px #c8e600, 0 0 0 #000, 1px 1px 0px #c8e600;
}

	#contact a {		
		text-decoration: none;
		transition-duration: 250ms;
		-webkit-transition-duration: 250ms;
		color: rgba(142, 152, 0, 0.75);
	}		
	
	#contact font {
		font-family: 'Panton-RegularItalic';
	}
	
	#contact .phone font {
		font-size: 14px;
	}
	
@media only screen and (max-width: 767px) {
	#content .name {
		font-size: 40px;
	}
	
	#content .claim {
		font-size: 16px;
		width: 240px;
		margin-top: -10px;
	}
	
	#content .contact {
		font-size: 16px;
	}
	
	#content .phone font {
		font-size: 12px;
	}
}