body {
    background: #000;
    transition: background 1s linear;
}
#foreground {
	position: absolute;
    z-index: 200;
    top: 0;
    width: 100%;
    left: 0;
    color: #000;
    text-align: center;
    text-shadow: 0 0 10px #fff;
    height: 100%;
    padding-top: 10%;
}
img {
    max-width: 90%;
}
@media (max-width: 767px) {
	#foreground {
		height: inherit;
		padding: 0;
		top: 15%;
		color: #fff;
	}
	div#foreground h1 {
		font-size: 3em;
	   -webkit-text-stroke-width: 1px;
	   -webkit-text-stroke-color: black;
	}
	div#foreground h2 {
		font-size: 2em;
	}
}