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

body {
	background: #000 no-repeat;
	color: #fff;
	margin: 0;
}

#img-intro {
	width: 100%;
}

#info {
	padding: 50px 10px 0;
}

#info p {
	margin: 0;
	text-align: center;
}

#info .p-footer {
	margin: 0;
	text-align: center;
}

#logo-prox p {
	margin: 0;
	text-align: center;
}

#logo-prox {
	padding: 80px 0 0 0;
}
#prox-info {
	height: 100vh;
	margin: 0;
}

@media screen and (min-width: 421px) and (max-width:759px) {
	#img-intro {
		width: 65%;
	}
	
	#logo-prox p {
		font-size: 1.3rem;
		letter-spacing: 1.1rem;
	}
	
	#info p {
		font-size: 1rem;
		letter-spacing: 0.4rem;
	}
	
	#info .p-footer {
		font-size: 0.85rem;
		letter-spacing: 0.3rem;
	}
}

@media screen and (min-width: 760px) {
	#img-intro {
		width: 50%;
	}
	
	#logo-prox p {
		font-size: 2.5rem;
		letter-spacing: 1.8rem;
	}
	
	#info p {
		font-size: 1.5rem;
		letter-spacing: 0.4rem;
	}
	
	#info .p-footer {
		font-size: 1.2rem;
		letter-spacing: 0.3rem;
	}
}