body {
	background-color: black;
	font-family: arial, helvetica, sans-serif;
}

@-ms-viewport{
  width: device-width;
}

@media (min-width: 320px) and (max-width: 649px) {
table.main {
	width: 95%;
	border-radius: 5px;
	border: 2px solid yellow;
	border-collapse: collapse;
	margin: 0 auto;
}
th.main {
	font-size: 1.5em;
	color: red;
	text-align: center;
	padding: 10px;
	background-color: white;
}
td.main {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 1.25em;
	color: black;
	background-color: white;
}
li {
	font-size: 1em;
	margin: 0 0 5px 0;
}
}

@media (min-width: 650px){
table.main {
	width: 100%;
	max-width: 768px;
	border-radius: 5px;
	border: 2px solid yellow;
	border-collapse: collapse;
	margin: 0 auto;
}
th.main {
	font-size: 1.5em;
	color: red;
	text-align: center;
	padding: 10px;
	background-color: white;
}
td.main {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-size: 1.25em;
	color: black;
	background-color: white;
}
li {
	font-size: 1em;
	padding: 5px 0 5px 0;
	font-weight: 500;
}
}

a {
	text-decoration: none;
}