* {box-sizing: border-box;}

body {color:#ffffff; background-color: #000000 !important;}

.font16 {font-family:Open Sans;font-weight:600;font-size:16pt;color: #ffffff;text-transform:none;}
.font20 {font-family:Open Sans;font-weight:600;font-size:20pt;color: #ffeecc;text-transform:none;}

a.link:link{font-family:Open Sans;color: #ffffff;text-decoration:none;}
a.link:visited{font-family:Open Sans;color: #ffffff;text-decoration:none;}
a.link:active{font-family:Open Sans;color:#ffffff;text-decoration:none;}
a.link:hover{font-family:Open Sans;color: #ffffff;text-decoration:underline;}

.header {background-color: #ffffff;padding: 50px;text-align: center;}

.container {display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;}

.online {opacity:1.0 !important}
	
.column {opacity:0.4;font-family:Open Sans;color:#000000;font-size: 12pt;padding: 20px;background-color: #b50a1a;border-right:10px solid #000000;border-left:10px solid #000000;height:auto;}

.black {background-color: #000000;}

.row:after {content: "";display: table;clear: both;}

ul {padding:25px 0 0 10px;}

li.download:before {content: "\f019";font-family: FontAwesome;font-size: 10pt;color: #ffffff;padding-right:10px;}

li.nix {color: #5c020a;}
li.nix:before {content: "\f252";font-family: FontAwesome;font-size: 10pt;color: #5c020a;padding-right:10px;}

li {list-style: none;}

/* Responsive layout - makes the columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {.column {width: 100%;}
}.column {border-bottom:5px solid #000000;}