@charset "UTF-8";
*{
	margin: 0;
	padding:0;
	border:0;
	box-sizing: border-box;
}

 
#Alone h1{
	width: 100%;
	text-align: left;
	font-family: Eagle Lake, serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 auto;
	padding: 2% 2% 2% 30%;
	
}

#Alone{
	width: 50%;
	text-align: left;
	font-family: Eagle Lake, serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	background: url("ImagesCM/AloneBG2.jpg");
	background-repeat: no-repeat;
	margin: 2% 25%;
	padding: 22% 2% 1% 20%;
	border:3px solid red;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
	
}
.Copyright1{
	width: 100%;
	text-align: left;
	font-family: Georgia, serif;
	font-size: 90%;
	line-height: 1.4;
	margin: 0 0 0 -70%;
	padding: 2% -10%  2% 2%;
	
}

/*	MEDIA QUEIRIES ONWARDS*/


@media screen and (max-width: 1280px){
	#Alone{
		width: 52%;
		background: url("ImagesCM/AloneBG2.jpg");
		background-repeat: no-repeat;
		padding: 22% 1% 1% 20%;
	}
	
	.Copyright1{
		font-family: Georgia, serif;
		font-size: 90%;
		line-height: 1.4;
		margin: 0 0 0 -66%;
		padding: 2% 0% 1% 2%;
	}
}

@media screen and (max-width: 1024px){
	#Alone{
		width: 65%;
		font-size: 90%;
		background: url("ImagesCM/AloneBG2.jpg");
		background-repeat: no-repeat;
		margin: 2% 15%;
		padding: 30% 1% 1% 29%;
	}
	
	.Copyright1{
		font-size: 90%;
		margin: 0 0 0 -80%;
		padding: 2% -10% 2% 2%;
	}
	
@media screen and (max-width: 768px){
	#Alone{
		width: 80%;
		font-size: 80%;
		line-height: 1.5;
		background: url("ImagesCM/AloneBG2.jpg");
		background-repeat: no-repeat;
		margin: 5% 10%;
		padding: 42% 2% 1% 36%;
	}
	.Copyright1{
		font-family: Georgia, serif;
		font-size: 90%;
		line-height: 1.4;
		margin: 0 0 0 -80%;
		padding: 2% -10%  2% 2%;
	}
}

@media screen and (max-width: 640px){
	#Alone{
		width: 98%;
		font-size: 80%;
		line-height: 1.5;
		background: url("ImagesCM/AloneBG2.jpg");
		background-repeat: no-repeat;
		margin: 5% 1.3%;
		padding: 50% 2% 1% 45%;
	}
	.Copyright1{
		font-family: Georgia, serif;
		font-size: 90%;
		line-height: 1.4;
		margin: 0 0 0 -90%;
		padding: 2% -10%  2% 2%;
	}
}

@media screen and (max-width: 500px){
	#Alone{
		width: 97.5%;
		font-size: 70%;
		line-height: 1.5;
		background: url("ImagesCM/AloneBG500.jpg");
		background-repeat: no-repeat;
		margin: 5% 1%;
		padding: 50% 1% 0 41%;
		border: 2px solid red;
	}
	.Copyright1{
		font-family: Georgia, serif;
		font-size: 90%;
		line-height: 1.4;
		margin: 0 0 0 -65%;
		padding: 2% -10% 1% 2%;
	}
}