body {
    background-color: #061d2c;
    background-image: url(coh-freedom.jpg);
    font: 13px "Trebuchet MS", Arial, Helvetica;
    color: #FFF;
    width: 100%;
    max-width: 100vw; 
    margin: 0;      
    padding: 0;       
    overflow-x: hidden; 
    box-sizing: border-box; 
}

#maintenance-notice {
    text-align: center;
    font-size: 20px;
    display: none;
}

table {
    border-collapse: separate; 
    border-spacing: 0 8px;    
  }

a { 
    color: lightblue;
    text-decoration: none;
}

a:hover {
    color: #fcc;
    text-decoration: underline;
}

a:visited {
    color: lightblue;
    text-decoration: none;
}

div#logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 360px;
}

div#content {
    padding: 0 10px;
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 768px) {
    div#content{
        grid-template-columns: repeat(1, 1fr);
    }
  }

div.block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 11px;
    border: solid 1px #0E2640;
    border: none;
    box-sizing: border-box;
}

div.blocktitle {
    height: auto;        
    min-height: 36px;    
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    padding-left: 11px;
    background: transparent url('data:image/gif;base64,R0lGODlhAQAkANUAACButlN1mRU5YBc7YhM2XTZzqyhPeiRvtB1CayRLdRtAaUR1pSFvtSpRfEB1pixxsBo+Zxg9ZB9FbjpzqhQ4Xkx1nylwsixTflB1nCBHcEd1ozNyrSZNeCZwsz10qC9xr0p1oSJJc051nlJ1mwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABACQAAAYiQADj0LE8PpvCxONYaEAVEWYUuDQMnEQoI0EoIJGBgEIIAgA7') repeat-x scroll 0 0;
    background-size: auto 100%; 
    overflow: hidden;   
}

div.blockbody { 
    background: #232c34 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAADDCAIAAABGa1/4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABL9JREFUeNrs3e1u00oUBVBPlefjLw/A+78CAy3+mImdooqNdGSt1R914tiBpNytfcbpfXz7/mP50Hv/s9FaW65sd7fzzY/tY2M/QXv5tT1qO2C/Z9/cz7Jttrff347d26mGx09H7mdbH7XueN45bIyHt/m59jMNTzzdXP+w27FtfiFae7pvfcHmV2Tbd/kSDTfb8Y605bR93hjfrOmN2raHN3XePL5t7+ZwY/rZWP8Cy/VPzou97fJcX7svqv3DM2z/fP6T/oV7p9396vH9kyP7i7396sD+fMp+eqbx0P3W+Grt/+X5ZGPf7sfW+dHvX+POdc96//7Yeed2Yz9yvbl928/6fN+y3TmfdNg4Trw/49WJp0cNp396rvdvP4+nen7G+Y89vzh9POx4H46v4+89/OR89m585nF+4KtDx+cDgLM3LwEAKQ/NAwBNBQChAsB9PUy/AIiFikwBINdUVBUAQqypACBUAKjHQj0AuVCRKQDkmoqqAkCINRUAhAoA9VioByAXKjIFgFxTUVUACLGmAoBQAaAeC/UA5EKlSxUAQoy/ABAqANRjTQWAXKhYUwEgxfgLAKECQD2PpRt/ARAKFZECQIrxFwC5puLiLwBioeKSYgBSjL8AECoA1OOSYgByoSJSAEgx/gIg11QWV38BkAoVSyoApBh/ASBUAKjHJcUA5EJFpACQYvwFQK6pGH8BEAsVkQJAivEXALmmYvwFQCxURAoAKcZfAOSail8oCUAsVCypAJBi/AVArqkYfwGQCxWZAkAqVLpUASDEmgoAuaaiqAAQCxXjLwBSjL8AyDUVRQWAWKgYfwGQYvwFQK6pKCoAxELF+AuAFOMvAHJNRVEBIBYqxl8ApBh/AZBrKov/9SMAqVARKQCkGH8BkGsqxl8AxEJFpACQYvwFQK6pGH8BEAsVkQJAivEXALmmYvwFgKYCQL2moqcAoKkAUK+pLH71PQCxUJEpAKRCRaYAkGJNBQChAkA9PvwIQC5URAoAKcZfAAgVAOqxpgKApgJAwaaipwCgqQBQr6n4hZIA5EJFpgCQChWZAkCKNRUAck3FmgoAuVCRKQCEGH8BkGsqigoAsVCxpgJAivEXAMGmoqgAoKkAUK6pKCoAxELFQj0AuVCRKQCEWFMBINdUFBUAYqFiTQWAFOMvAIJNRVEBQFMBoFxT6aoKAJoKAEIFgNuyUA+ApgJAwaZioR4ATQUAoQLAfVmoByAYKlIFgFSoiBQAUqypACBUAKjHQj0AwVCRKgCkQkWkAJBiTQUAoQJAPRbqAQiGilQBIBUqIgWAFGsqAAgVAOqxUA9AMFSkCgCpUBEpAKRYUwFAqABQj4V6AIKhIlUASIWKSAEgxZoKAEIFAKECwI09lm5VBQBNBYBqTUVPAUBTAUCoAHBfPlEPQDBUZAoAIcZfAOSaiqICgKYCgFAB4L5c/QVAMFRkCgAhxl8ACBUA6nFJMQCaCgAFm4qrvwDQVAAo2FQUFQA0FQCECgC35ZJiADQVAAo2FZcUA6CpAFCwqSgqAGgqAAgVAG7LJcUAaCoAFGwqLikGQFMBQKgAcF8+pwKApgKAUAFAqADA3/nwIwCaCgAFm4oPPwKgqQAgVAC4r18CDAAcT4nrkQ/nZAAAAABJRU5ErkJggg==') no-repeat;
    border-top: solid 1px #0E2640;
    padding: 5px 18px;
    line-height: 1.5;
    margin-top: -5px;
    background-size: auto 100%; 
    background-repeat: repeat;
    overflow: hidden;  
}

div.blockbody label {
    margin-right: 8px;
}