@charset "utf-8";
/* CSS Document */

.half-col {
	width: 48%;
    float: left;
    margin: 1%;
}
.covid-status table {
    width: 100%;
    border: thin solid #3D3D3D;
    border-collapse: collapse;
}
.covid-status h2 {text-align: center;}
.covid-status th {border: thin solid #3D3D3D; background-color: #0054a6; color: #ffffff;padding: 3px;width:48%;}
.covid-status td {border: thin solid #3D3D3D; padding: 3px; width:48%;}
.covid-status td {font-weight: 600;}
.covid-status td.open {background-color: green; text-align: center; }
.covid-status td.soon {background-color: yellow; text-align: center;}
.covid-status td.closed {background-color: red; text-align: center; }
.covid-status td.class {font-weight: 300; text-indent: 1em;}
.covid-status td.program {text-align: center; font-weight: 600; color:#ffffff; background-color: #000000; text-transform: uppercase;}

.upcoming-p {margin: 1em;}

@media screen and (max-width: 850px) {
	.half-col {width:100%; float: none; margin-bottom: 0px; margin-top: 0;}
	.col2 {display:none;}
	
}