.header {
        background: rgb(123,139,103);
        background: linear-gradient(90deg, rgba(240,128,128,1) 0%, rgba(255,192,192,1) 50%, rgba(255,255,255,0) 100%);
}

.footer {
        background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%);
}

@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      margin: 30px;
      grid-template-columns: [full-start] minmax(0,0fr) [main-start] minmax(0,16rem) minmax(0,110rem) minmax(0,110rem) minmax(0,16rem) [main-end] minmax(0,0fr) [full-end]
    }
  }
}

.clm {
    margin-left: 20px;
    margin-right: 20px;
}

.grid-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 10000px;
  margin-right: auto;
  margin-left: auto;
}