body {
	font-family: "Century Gothic", sans-serif;
	background-color: #0e2b3d;
	margin: 0;
	height: 100%;
}

.mobil {
	display: none;
}

.mobil h1 {
	margin: 0px;
	padding: 0px;
	color: orange;
	font-weight: bold;
	text-align: center;
}

table {
	border: 0px;
	border-collapse: collapse;
	margin-top: 50px;
	margin-bottom: 500px;
}

td a {
	text-decoration: none;
	color: crimson;
	font-size: 40px;
	background-color: black;
	padding: 10px 20px;
}


table tr td {
	text-align: center;
	padding: 20px 40px;
}


td a:hover {
	background-color: #333;
}

@media only screen and (min-device-width : 480px) and (max-device-width : 720px) {
	td a {
		font-size: 5vw;
	}
 } 
 
@media only screen and (min-device-width : 300px) and (max-device-width : 479px) {
	td a {
		font-size: 4vw;
	}
 } 
 
 
@media only screen and (min-device-width : 300px) and (max-device-width : 720px) {

	.mobil {
		display: inline;
	}
 }