@font-face {
    font-family: 'codex';
    src: url('polices/codex.eot');
    src: url('polices/codex.eot?#iefix') format('embedded-opentype'),
         url('polices/codex.woff2') format('woff2'),
         url('polices/codex.woff') format('woff'),
         url('polices/codex.ttf') format('truetype'),
         url('polices/codex.svg#codexregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.responsive {
  width: 100%;
  height: auto;
}


.container {  
    display: grid;  
    grid-template-columns: 1fr 4fr 1fr;  
    grid-template-rows: 50px 50px;  
}

.td{
    width=50%;
    style="valign="top";
    }

    a {
 font-family: 'codex';
 line-height: 100%;
 color: black; 
 text-align: center;
 }


h1 {
 margin-block-end: 0.1em;
 font-family: 'codex';
 font-size: 650%;  
 line-height: 100%;
 color: black; 
 text-align: center;
 }

 h2 {
 font-family: 'codex';
 font-size: 450%; 
 line-height: 107%;
 color: black; 
 text-align: center;
 }

 h3 {
 font-family: 'codex';
 font-size: 150%; 
 color: black; 
 text-align: center;
 }

  h4 {
    margin-block-start: 0.2em;
        margin-block-end: 0.7em;

 font-family: 'codex';
 font-size: 450%; 
 line-height: 107%;
 color: black; 
 text-align: center;
 }