#wpadminbar,
#mfPreviewBar {
	display: none;
}

* {
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: inherit;
	outline: 0;
}

a img {
	border: 0;
}

.align {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px;
}

html {
	background: #0032a0;
}

body {
	font-family: 'untitled-sans';
	font-size: 28px;
	line-height: 1.1;
}

body > div {
	position: fixed;
}

.h {
	top: 40px;
	left: 40px;
}

.intro {
	top: 40px;
	left: 26%;
	max-width: 500px;
}

.info {
	top: 50%;
	right: 40px;
}

.date {
	top: 50%;
	left: 40px;
}

.c {
	bottom: 40px;
	left: 40px;
}

@media screen and (max-width: 768px) {
	.intro {
		left: 15%;
	}
}

@media screen and (max-width: 767px) {
	
	body {
		font-size: 22px;
		line-height: 1.1;
		letter-spacing: -0.05em;
		padding: 15px;
	}
	
	body > div {
		position: static;
		margin-bottom: 20px;
	}
	
	.info {
		position: fixed;
		top: auto;
		right: 15px;
		bottom: 15px;
		margin: 0;
		transform: scale(-1) translateY(-100%);
	}
	
	.info-transformer {
		transform: rotate(90deg);
		transform-origin: bottom left;
	}
	
	.c {
		position: fixed;
		bottom: 15px;
		left: 15px;
		margin: 0;
	}
	
	.date {
	    margin-top: -20px;
	}
}