@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:KleinSlabserif-Medium; src: url(KleinSlabserif-Medium.ttf);
}
html, body {
	width:100%;
	height:100%;
	margin:0;
	font-family:KleinSlabserif-Medium;
	color:#999;
	font-size:62.5%;
	background-color:#000;
	background-image:url(images/bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:29%;
}
a:link {
	color:#e71c7f;	
}
#container {
    display: inline-block;
    position: relative;
    width: 100%;
}
#dummy {
    margin-top: 51.177285%; /* 1920:1080 aspect ratio */
}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	font-size:4em;
}

img { 
	-ms-interpolation-mode: bicubic; 
}

a img{
	outline:none;
	border:none;
}
@media screen and (max-width:1280px) { 
    body { 
        font-size:55%; 
    }
}
@media screen and (max-width:1120px) { 
    body { 
        font-size:50%; 
    }
}
@media screen and (max-width:1020px) { 
    body { 
        font-size:45%; 
    }
}
@media screen and (max-width:920px) { 
    body { 
        font-size:40%; 
    }
}
@media screen and (max-width:820px) { 
    body { 
        font-size:35%; 
    }
}
@media screen and (max-width:720px) { 
    body { 
        font-size:30%; 
    }
}
@media screen and (max-width:670px) { 
    body { 
        font-size:25%; 
    }
}
@media screen and (max-width:620px) { 
    body { 
        font-size:20%; 
    }
}
@media screen and (max-width:570px) { 
    body { 
        font-size:17.5%; 
    }
}
@media screen and (max-width:520px) { 
    body { 
        font-size:15%; 
    }
}