table {
	margin: 0 auto;
}

@media screen and (max-width: 599px) {
    h1 {
        font-size: 34px;
    }
	table ul {
		padding: 0;
	}
	.col1, .col2, .col3 {
		font-size: 12px;
	}
	.col1 {
		width: 90px;
	}
	.col2 {
		width: 145px;
	}
	.col3 {
		width: 125px;
	}
}

@media screen and (min-width: 600px) {
    h1 {
        font-size: 48px;
    }
	.col1, .col2, .col3 {
		font-size: 16px;
	}
	.col1 {
		width: 150px;
	}
	.col2 {
		width: 250px;
	}
	.col3 {
		width: 200px;
	}
}

@media screen and (min-width: 800px) {
    h1 {
        font-size: 60px;
    }
	.col1, .col2, .col3 {
		font-size: 18px;
	}
	.col1 {
		width: 175px;
	}
	.col2 {
		width: 300px;
	}
	.col3 {
		width: 200px;
	}
}