/* basics */
    body {
      background: #f8f7f2;
      padding: 0 10%;
      font: 100%/1.5 'Kalam', cursive;
    }
    footer {
      text-align: center;
    }
    h1 {
      margin: 0;
      line-height: 1;
      padding: 10px;
      color: #251b19;
    }
    p {
      margin: 0;
      padding: 10px;
      color: #251b19;
      font-size: 1.2em;
    }
    a {
      color: #e56633;
    }
    a:hover {
      text-decoration: none;
    }
    .sitemap {
      visibility: hidden;
    }
    
    /* the grid */
    .grid-1 {
      display: grid;
      width: 100%;
      max-width: 770px;
      margin: 10% auto;
      grid-template-columns: 1fr;
      grid-template-rows: auto 200px 200px auto 200px 200px 200px auto 200px 200px auto;
      grid-gap: 25px;
    }
    
    /* panels */
    .panel {
      color: white;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      box-shadow: 0 0px 0px 5px #251b19;
    }
    
    /* individual panels */
    .panel-title {
      box-shadow: none;
    }
    .panel-1 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2017/04/kayak-e1587647165639.jpg);
    }
    .panel-2 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2018/05/20150410-_MGS4929.jpg);
    }
    .panel-3 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2018/09/gaucho.jpg);
    }
    .panel-4 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2018/09/DSC2379-e1536357809286.jpg);
    }
    .panel-5 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2019/03/MGL8123-1-e1588168891651.jpg);
    }
    .panel-6 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2018/09/guanacos.jpg);
    }
    .panel-7 {
      box-shadow: none;
    }
    .panel-8 {
      background-image: url(https://chilenativo.travel/wp-content/themes/chilenativo/images/oficina.jpg);
    }
    .panel-9 {
      background-image: url(https://chilenativo.travel/wp-content/uploads/2018/05/IMG_6337.jpg);
    }
    .panel-copyright {
      box-shadow: none;
      font-size: .75em;
    }
    
    /* media query 1 */
    @media only screen and (min-width: 400px) {
      
      .grid-1 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto 200px auto 200px 200px auto 200px auto;
      }  
      .panel-title,
      .panel-3,
      .panel-6,
      .panel-7,
      .panel-copyright {
        grid-column: span 2;
      }
      .panel-copyright {
        text-align: right;
      }
      .panel-7 {
        text-align: center;
      }
      h1 {
        font-size: 3em;
      }
      
    }
    
    /* media query 2 */
    @media only screen and (min-width: 600px) {
      
      .grid-1 {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto 200px 200px 200px auto;
      }
      .panel-title,
      .panel-copyright {
        grid-column: span 3;
      }
      .panel-3,
      .panel-6 {
        grid-column: auto;
      }
      .panel-8 {
        grid-column: span 2;
      }
      h1 {
        font-size: 3.5em;
      }
      p {
        font-size: 1.3em;
      }
      
      /* flexbox centering */
      .panel-3 {  
        display: flex;
        align-items: center;
      }
      
      /* layering */
      .panel-7 {
        grid-column: 1;
        grid-row: 4;
        z-index: 1;
        margin: -5px 0 0 -10px;
        transform: rotate(-2deg);
      }
      
      .panel-7 p {
        background: #f8f7f2;
        box-shadow: 0 0px 0px 5px #251b19;
        text-align: left;
      }
      
      .panel-8 {
        grid-column: 1 / span 2;
        grid-row: 4;
        background-size: 70%;
        background-position: right;
      }
      
    }