:root {
    /* --show-grid: solid black; */
    --show-grid: 0px;
}

html {
  scroll-behavior: smooth;
}
    
.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
    grid-template-rows: 80px;
    
    grid-template-areas:
    "nav nav nav nav nav nav"
    "main main main main main main"
    "contentPDF contentPDF contentPDF contentPDF contentPDF contentPDF "
    "footer footer footer footer footer footer";
    /* text-align: center; */
    padding-left: 150px;
    padding-right: 150px;
    text-align: center;
}


#contentPDF, #footer
{
  background-color: rgba(246, 238, 209, 0.8); 
  border: var(--show-grid);
}


#contentPDF {
    
    h1 {  font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: bold; font-size: 16pt; }
    p {  font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 12pt; margin:0pt; }
    .s1 { color: #365F91; font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 14pt; }
    .s2 { color: #1F487C; font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 16pt; }
    .s3 {  font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 16pt; }
    h2 { color: #365F91; font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 14pt; }
    .s5 {  font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 14pt; }
    .s6 { color: #365F91; font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
    .s7 { color: #1F487C; font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 14pt; }
    a { color: #00F; font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline; font-size: 14pt; }
    .s8 { color: #365F91; font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
    .s9 {  font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
    .s10 {  font-family: "Arial", Helvetica, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 9pt; vertical-align: 4pt; }
    .s11 { color: #365F91; font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 16pt; }
    h3 { color: #365F91; font-family: "Arial", Helvetica, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 12pt; }
    li {display: block; }
    #l1 {padding-left: 0pt; }
    #l1> li>*:first-child:before {content: " ";  font-family:Symbol, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
    table, tbody {vertical-align: top; overflow: visible; }
    * {padding-right:15px;}

}

@media only screen and (max-width: 1268px) {
  /* ipad/small laptop */ 

  .container {
    padding-left: 20px;
    padding-right: 20px;
  } 
}

@media only screen and (max-width: 768px) {  
    
    .container {
      grid-template-columns: 1fr;
      grid-template-areas:
      "nav"
      "main"
      "contentPDF"
      "footer";
      padding-left: 0px;
      padding-right: 0px;
    } 


}