body {
	font-family: 'Roboto Condensed', sans-serif;
	color: #282938;
	background-color: #fff;
}

a {
	color: #282938;
	text-decoration: none;
}

.another {
	color: #fff;
	background-color: #282938;
}

.another a {
	color: #fff;
}

h1 {
	font-weight: 400;
	font-size: 400px;
	margin: 0;
}

h2 {
	font-weight: 400;
	font-size: 30px;
	margin: 0;
	
}

.content {
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	text-align: center;

	-webkit-animation: fadein 1.5s;
	-moz-animation: fadein 1.5s;
	-ms-animation: fadein 1.5s;
	-o-animation: fadein 1.5s;
	animation: fadein 1.5s;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.slash {
	font-size: 50px;
	vertical-align: middle;
	/*margin-top: 30px;*/
	/*text-align: center;*/
}

.position {
	display: inline-block;
	margin-top: 5px;
	vertical-align: middle;
}

.content .sub {
	margin-top: 10px;
	/*line-height: 60px;*/
}

@media (max-width: 768px) {
	h1 {
		font-size: 300px;
	}
}

@media (max-width: 320px) {
	h1 {
		font-size: 100px;
	}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}