@font-face {
	font-family: "Canter";
	src: url("../webfont/canter_light-webfont.eot");
	src: url("../webfont/canter_light-webfont.woff") format("woff"),
		url("../webfont/canter_light-webfont.svg") format("svg");
}

@font-face {
	font-family: "Helvetica Neue";
	src: url("../webfont/hla.eot");
	src: url("../webfont/hla.woff") format("woff"),
		url("../webfont/hla.svg") format("svg");
}

body {
	font-size: 15px;
	font-family: 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: white;
}

h1,
h2,
h3 {
	font-family: "Canter";
}

h1 {
	font-size: 4em;
	margin-bottom: 110px;
	letter-spacing: 15px;
	font-weight: normal;
}

#fullscreenImg,
#fullscreenInfo,
#fullscreenImg>img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

#fullscreenInfo {
	display: flex;
	/*align-items: center;*/
	align-items: flex-end;
	justify-content: flex-start;
	/*justify-content: center;*/
}

#fullscreenInfo>div {
	width: 152px;
	height: 100%;
	/*height: auto;*/
	padding: 15px;
	position: relative;
	top: 0;
	left: 0;
	border-radius: 5px;
	/* background-color: rgba(255, 255, 255, .6); */
	background-color: rgba(0, 0, 0, 0.2);
	/* box-shadow: 0 2px 5px rgb(47, 52, 64, .12), 0 2px 10px rgb(47, 52, 64, .16); */
	text-shadow: 2px 2px black;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#fullscreenImg>img {
	/*display: none;*/
	opacity: 0;
	/*visibility: hidden;*/
	object-fit: cover;
	transition: all ease-out .8s;
}

#fullscreenImg>img.show {
	opacity: 1;
}