/*--------------------------------------------------------------
CSS Grid layout for modern browsers:
--------------------------------------------------------------*/
/* Check for CSS Grid support: */
@supports (grid-area: auto) {
  /* Enable grid for viewports 600px and wider: */
  @media screen and (min-width: 768px) {
    /* Disable fallback max-width center aligned rule: */
    .site {
      max-width: none; }
    .boxes {
      display: grid; }
      .boxes.col2 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr; }
      .boxes .box {
        padding: 100px 60px; }
    .products {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-column-gap: 40px;
      grid-row-gap: 40px; } } }