body {
	background-color: #141515;
	background-image: url("../images/background.png");
	background-size: cover;
}

h1 {
	font-family: 'Roboto Mono', monospace;
	font-size: 14px;
	color:#f8f5b5;
}

#divLogo {
 	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	text-align: center;
  	margin-top: 25%;
}

#imgLogo {
	width: 33%;	
}


#divMainText {
	width: 50%;
	margin:auto;
	display: block;
	text-align: center;
}

#divSocialIcons {
	width: 50%;
	margin:auto;
	display: block;	
}

#divSocialIcons {
	text-align: center;
	margin-top: 10%;
}

.social-icons {
	height: 18px;
	margin: 0 5px;
	text-align: center;

}



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

	body {
		background-size: 199%;
		background-repeat: no-repeat;
	}

	h1 {
		font-family: 'Roboto Mono', monospace;
		font-size: 12px;
		color:#f8f5b5;
	}

	#divLogo {
	 	display: flex;
	  	flex-direction: column;
	  	justify-content: center;
	  	text-align: center;
	  	margin-top: 50%;
	}

	#imgLogo {
		width: 80%;	
	}

	#divMainText {
		width: 90%;
	}

	#separator {
		visibility: hidden;
	}

	.social-icons {
		height: 14px;
	}

}