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

.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"
    "content1 content1 content1 content2 content2 content2"
    "footer footer footer footer footer footer";
    /* text-align: center; */
    padding-left: 150px;
    padding-right: 150px;
    text-align: center;
}

#content1, #content2, #footer
{
  background-color: rgba(246, 238, 209, 0.8); 
  border: var(--show-grid);
}
#content1 {
    padding-left:20px;
}

.img-tr{
    padding-top:0px;
    width:80%;
    height:auto;

}

#content2 .general-info{
    margin-left:20px;
    margin-right:20px;
}

@media only screen and (max-width: 1268px) {
    /* ipad/small laptop */ 
  
    .container {
      padding-left: 20px;
      padding-right: 20px;
    } 
  }

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


}