CSS Code for each screen device

Excuse me sir, I want to ask.
I want to make every table have different font sizes on each screen. Do you think the css code that I created is correct ?
This is my code look like :

.tablepress thead th,
.tablepress thead td,
.tablepress tbody th,
.tablepress tbody td,
.tablepress tfoot th,
.tablepress tfoot td {
	border: 2px solid #81D4FA;
	text-align: left;
	white-space: nowrap;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	background-color: white;
	font-size: 16px;
	font-family: Helvetica;
	color: #212121;
}

.tablepress thead th,
.tablepress thead td,
.tablepress tfoot th,
.tablepress tfoot td {
	background-color: #81D4FA;
	height: 0;
}

.tablepress .column-1 thead th,
.tablepress .column-1 thead td,
.tablepress .column-1 tbody th,
.tablepress .column-1 tbody td,
.tablepress .column-1 tfoot th,
.tablepress .column-1 tfoot td {
	width: 30%;
	word-break: keep-all;
}

.tablepress .column-2 thead th,
.tablepress .column-2 thead td,
.tablepress .column-2 tbody th,
.tablepress .column-2 tbody td,
.tablepress .column-2 tfoot th,
.tablepress .column-2 tfoot td {
	width: 70%;
	word-break: keep-all;
}

@media (min-width: 970px) {

	.tablepress tbody th,
	.tablepress tbody td {
		font-size: 18px;
	}

}

@media (max-width: 970px) {

	.tablepress tbody th,
	.tablepress tbody td {
		font-size: 16px;
	}

}

@media (max-width: 640px) {

	.tablepress tbody th,
	.tablepress tbody td {
		font-size: 18px;
	}

}

@media (max-width: 720px) {

	.tablepress tbody th,
	.tablepress tbody td {
		font-size: 13px;
	}

}

@media (max-width: 720px) {

	.tablepress .row-8 .column-1,
	.tablepress .row-11 .column-1,
	.tablepress .row-18 .column-1,
	.tablepress .row-28 .column-1,
	.tablepress .row-33 .column-1,
	.tablepress .row-41 .column-1,
	.tablepress .row-48 .column-1,
	.tablepress .row-56 .column-1,
	.tablepress .row-62 .column-1,
	.tablepress .row-67 .column-1,
	.tablepress .row-122 .column-1,
	.tablepress .row-136 .column-1,
	.tablepress .row-143 .column-1,
	.tablepress .row-149 .column-1,
	.tablepress .row-155 .column-1 {
		font-size: 14px;
		background-color: #B3E5FC;
		font-weight: bold;
	}

}

@media (max-width: 720px) {

	.tablepress .row-68 .column-1,
	.tablepress .row-82 .column-1,
	.tablepress .row-95 .column-1,
	.tablepress .row-108 .column-1 {
		font-weight: bold;
	}

}

@media (max-width: 970px) {

	.tablepress .row-8 .column-1,
	.tablepress .row-11 .column-1,
	.tablepress .row-18 .column-1,
	.tablepress .row-28 .column-1,
	.tablepress .row-33 .column-1,
	.tablepress .row-41 .column-1,
	.tablepress .row-48 .column-1,
	.tablepress .row-56 .column-1,
	.tablepress .row-62 .column-1,
	.tablepress .row-67 .column-1,
	.tablepress .row-122 .column-1,
	.tablepress .row-136 .column-1,
	.tablepress .row-143 .column-1,
	.tablepress .row-149 .column-1,
	.tablepress .row-155 .column-1 {
		font-size: 16px;
		background-color: #B3E5FC;
		font-weight: bold;
	}

}

@media (max-width: 970px) {

	.tablepress .row-68 .column-1,
	.tablepress .row-82 .column-1,
	.tablepress .row-95 .column-1,
	.tablepress .row-108 .column-1 {
		font-weight: bold;
	}

}

@media (min-width: 970px) {

	.tablepress .row-8 .column-1,
	.tablepress .row-11 .column-1,
	.tablepress .row-18 .column-1,
	.tablepress .row-28 .column-1,
	.tablepress .row-33 .column-1,
	.tablepress .row-41 .column-1,
	.tablepress .row-48 .column-1,
	.tablepress .row-56 .column-1,
	.tablepress .row-62 .column-1,
	.tablepress .row-67 .column-1,
	.tablepress .row-122 .column-1,
	.tablepress .row-136 .column-1,
	.tablepress .row-143 .column-1,
	.tablepress .row-149 .column-1,
	.tablepress .row-155 .column-1 {
		font-size: 18px;
		background-color: #B3E5FC;
		font-weight: bold;
	}

}

@media (min-width: 970px) {

	.tablepress .row-68 .column-1,
	.tablepress .row-82 .column-1,
	.tablepress .row-95 .column-1,
	.tablepress .row-108 .column-1 {
		font-weight: bold;
	}

}

@media (max-width: 640px) {

	.tablepress .row-8 .column-1,
	.tablepress .row-11 .column-1,
	.tablepress .row-18 .column-1,
	.tablepress .row-28 .column-1,
	.tablepress .row-33 .column-1,
	.tablepress .row-41 .column-1,
	.tablepress .row-48 .column-1,
	.tablepress .row-56 .column-1,
	.tablepress .row-62 .column-1,
	.tablepress .row-67 .column-1,
	.tablepress .row-122 .column-1,
	.tablepress .row-136 .column-1,
	.tablepress .row-143 .column-1,
	.tablepress .row-149 .column-1,
	.tablepress .row-155 .column-1 {
		font-size: 10px;
		background-color: #B3E5FC;
		font-weight: bold;
	}

}

@media (max-width: 640px) {

	.tablepress .row-68 .column-1,
	.tablepress .row-82 .column-1,
	.tablepress .row-95 .column-1,
	.tablepress .row-108 .column-1 {
		font-weight: bold;
	}

}

The page I need help with: [log in to see the link]