.nunito-sans-900 {
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings:
	"wdth" 100,
	"YTLC" 500;
}

.nunito-sans-200 {
	font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
	font-variation-settings:
	"wdth" 100,
	"YTLC" 500;
}
body{
	/* background:url(images/ghostCC/ghostCC<?php echo substr('0'.rand(1,17),-2); ?>.png); */
	background-repeat:no-repeat !important;
	background-position:center 50% !important;
	background-size:auto !important;
	background-color:#000 !important;
	margin:0;
	overflow-y:hidden;
}
div.footer{
	position:absolute;
	bottom:0;
	margin:0;
	background-color:rgba(0,0,0,0.4);
	height:25%;
	width:100%;
	text-align:right;
}
div.name{
	color:#dfdfdf7a;
	text-align:right;
	padding:10px 2% 0 0;
	font-size:5rem;
	text-shadow: 2px 2px #454242;		
}
div.desc{
	color:#d1c4c4;
	margin:-14px 0 0 0;
	padding:0 2% 0 0;
	text-align:right;
}
div.contact{
	color:#d1c4c4;
	padding:0 2% 0 0;
	text-align:right;
}





@media (max-width: 1024px){ /* samsung tab A7 landscape*/
	body{
		background-position:center 50%;
	}
	div.footer{
		height:25%;
	}
	div.name{
		font-size:1.5rem;
		text-shadow: none;
		padding-bottom:15px;	
	}
}





@media (max-width: 775px){ /* foxPixel landscape */
	div.footer{
		height:35%;
	}
}





@media (max-width: 605px){ /* samsung tab a7 portrait */
	body{
		background-size:auto;
		background-position:center 0;
	}
	div.footer{
		height:15%;
	}
}





@media (max-width: 401px){ /* foxPixel portrait */
	body{
		background-size:cover;
		background-position:center bottom;
	}
	div.footer{
		height:18%;
	}
	div.name{
		color:#dfdfdf96;
		font-size:1.5rem;
		margin-bottom:-15px;
		/*text-align:left; */
		text-shadow: none;		
	}
	div.desc, div.contact{
		color:#d1c4c4;
		margin:0 0 0 0 !important;
		padding:0 10px 0 0 !important;
		text-align:right;
	}
}