@font-face {
    font-family: titel;
    src: url('../TrueLies.ttf');
}
body
{
	background-color: black;
}

h1
{
	font-family: 'titel';
	color: white;
	text-align: center;
	font-size: 40px;
}
img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
table
{
	float: center;
	margin-top: 150px;
	width: 20%;
}
td
{
	padding: auto;
	cursor: pointer;
}
#titel
{
	width: 10%;
	margin-top: 500px;
	bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align:right;
}
#fade2
{
	margin-top: 50px;
}

@media screen and (max-width: 1000px) {
	@font-face {
    font-family: titel;
    src: url('../TrueLies.ttf');
}
body
{
	background-color: black;
}

h1
{
	font-family: 'titel';
	color: white;
	text-align: center;
	font-size: 40px;
}
img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
table
{
	float: center;
	margin-top: 300px;
	width: 75%;
}
td
{
	padding: auto;
	cursor: pointer;
}
#titel
{
	width: 50%;
	margin-top: 500px;
	bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    text-align:right;
}
#fade2
{
	margin-top: 220px;
	width: 100%
}

}