body {
	background-image: url('whiteWall.png');
	background-repeat: repeat;
		
}



.menu {
	width: 300px;
	height: 150px;
	/*background-color: white;*/
	position: absolute;
	margin-left: 600px;
	margin-top: 10px;
}



p {
	color: #ffcccc;
	font-size: 26px;
	text-align: right;
	line-height: 2.5;/**/
	font-family: Century Gothic, sans-serif;

}

a:link, a:visited {
	color: #850185;
	background-color: #d592d5;
	text-decoration: none;
	padding: 10px 20px;
}


a:hover, a:active {
    background-color: #850185;
    color: #d592d5;
}



#lpImage {
	/*width: 850px;
	height: 675px;
	background-color: blue;*/
	width: 1050px;
	height: 600px;
	background-image: url('landingpageImage.png');
	margin: auto;
	
}






/*---------------------- RESPONSIVE CSS ----------------------------*/

@media screen and (max-width: 1076px){

	#lpImage {
		/*background-color: #3399cc;*/
		background-image: url('landingpageImage950x543.png');
		width: 950px;
		height: 543px;
			
	}	
	
}


@media screen and (max-width: 996px){

	#lpImage {
		/*background-color: red;*/	
		background-image: url('landingpageImage850x486.png');
		width: 850px;
		height: 486px;
	
	}	

	.menu {
		width: 300px;
		height: 150px;
		/*background-color: white;*/
		position: absolute;
		margin-left: 500px;
		margin-top: 10px;
	}
	
	
	p {
		color: #ffcccc;
		font-size: 22px;
		text-align: right;
		line-height: 2.5;/**/
		font-family: Century Gothic, sans-serif;
	}

}

@media screen and (max-width: 876px){

	#lpImage {
		/*background-color: #ff99ff;*/
		background-image: url('landingpageImage750x429.png');
		width: 750px;
		height: 429px;
	
	}	
	
	.menu {
		width: 300px;
		height: 150px;
		/*background-color: white;*/
		position: absolute;
		margin-left: 400px;
		margin-top: 10px;
	}
	
	
	p {
		color: #ffcccc;
		font-size: 20px;
		text-align: right;
		line-height: 2.5;/**/
		font-family: Century Gothic, sans-serif;
	}
	
}


@media screen and (max-width: 786px){

	#lpImage {
		/*background-color: yellow;*/
		background-image: url('landingpageImage650x372.png');	
		width: 650px;
		height: 372px;
	}	
	
	.menu {
		width: 300px;
		height: 150px;
		/*background-color: white;*/
		position: absolute;
		margin-left: 300px;
		margin-top: 10px;
	}
	
	
	p {
		color: #ffcccc;
		font-size: 18px;
		text-align: right;
		line-height: 2.5;/**/
		font-family: Century Gothic, sans-serif;
	}
	
	a:link, a:visited {
		color: #850185;
		background-color: #d592d5;
		text-decoration: none;
		padding: 8px 18px;
	}
	
	
	a:hover, a:active {
	    background-color: #850185;
	    color: #d592d5;
	}
	
}



@media screen and (max-width: 666px){

	#lpImage {
		/*background-color: #ff9933;*/
		background-image: url('landingpageImage450x258.png');
		width: 450px;
		height: 258px;
	
	}
	
	
	.menu {
		width: 300px;
		height: 150px;
		/*background-color: white;*/
		position: absolute;
		margin-left: 60px;
		margin-top: 250px;
	}
	
	
	p {
		color: #ffcccc;
		font-size: 24px;
		text-align: center;
		line-height: 2.5;/**/
		font-family: Century Gothic, sans-serif;
	}
	
	a:link, a:visited {
		color: #850185;
		background-color: #d592d5;
		text-decoration: none;
		padding: 10px 20px;
	}
	
	
	a:hover, a:active {
	    background-color: #850185;
	    color: #d592d5;
	}
	
}


@media screen and (max-width: 466px){

	#lpImage {
		/*background-color: green;*/
		background-image: url('landingpageImageVertical314x550.png');	
		width: 314px;
		height: 550px;
	
	}	
	
	.menu {
		width: 300px;
		height: 150px;
		/*background-color: white;*/
		position: absolute;
		margin-left: 5px;
		margin-top: 3px;
	}
	
	
	p {
		color: #ffcccc;
		font-size: 16px;
		text-align: center;
		line-height: 2.5;/**/
		font-family: Century Gothic, sans-serif;
	}
	
	a:link, a:visited {
		color: #850185;
		background-color: #d592d5;
		text-decoration: none;
		padding: 6px 16px;
	}
	
	
	a:hover, a:active {
	    background-color: #850185;
	    color: #d592d5;
	}
	
}