Vertical text: not aligning to bottom in their rows

Hi Tobias,

I wonder if you can help me, please?

I have been struggling with this for several hours and have not quite got the results I’m after, it’s almost there but this last bit has me stumped. The text in Row 1 keeps aligning to the top of the row whereas I’m trying to get it to align to the bottom. I’ve tried many different options without success and wonder if you can point me in the right direction, please?

This is the code for this table:

.tablepress-id-149,
.tablepress-id-149 tr,
.tablepress-id-149 tbody td,
.tablepress-id-149 thead th,
.tablepress-id-149 tfoot th {
	font-size: 14px;
	border: 1px solid #DDDDDD;
}

.tablepress-id-149 .row-1 {
	height: 250px;
}

.tablepress-id-149 .row-1 td,
.tablepress-id-149 .row-2 td {
	background-color: #6B84AE;
	color: #fff;
}

.tablepress-id-149 .row-1 span,
.tablepress-id-149 .row-2 span {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	display: block;
	width: 20px !important;
}

.tablepress-id-149 .column-1 {
	width: 160px !important;
}

.tablepress-id-149 .column-2,
.tablepress-id-149 .column-3,
.tablepress-id-149 .column-4,
.tablepress-id-149 .column-5,
.tablepress-id-149 .column-6,
.tablepress-id-149 .column-7,
.tablepress-id-149 .column-8,
.tablepress-id-149 .column-9,
.tablepress-id-149 .column-10,
.tablepress-id-149 .column-11,
.tablepress-id-149 .column-12,
.tablepress-id-149 .column-13,
.tablepress-id-149 .column-14,
.tablepress-id-149 .column-15,
.tablepress-id-149 .column-16 {
	width: 20px !important;
	white-space: nowrap;
	}

Thanks in advance.

Kind regards,

Ken

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