.parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr) 0fr repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    }


    @media only screen and (max-width: 768px) {
        .parent {
          grid-template-columns: 1fr;
          display: block;

        }
        .logo{
            width: 100%;
        }
        .div7, .div8{
            display: none;
        }
      }
body{
    background: #1A1A40;
}

    .div1 {
         grid-area: 1 / 1 / 1 / 6;
         text-align: center;
         background: #7a0bc0;
        }
    .div2 {
        grid-area: 2 / 1 / 3 / 3;

    }
    .div3 {
        background: #363946;
        grid-area: 2 / 4 / 3 / 6; }
    .div4 {
        grid-area: 3 / 1 / 4 / 3;
        background: #c03e3e;
        background-image: url("/assets/apoc.jpg");
        background-position: center;
    }
    .div5 {
        grid-area: 3 / 4 / 4 / 6;
        background: url("/assets/xmr-bg.jpg");
        background-position-x: center;
        background-position-y: bottom;
        background-size: 75%;

    }
    .div6 {
         grid-area: 4 / 1 / 5 / 3;
         background: #0d5eb1;
        }
    .div7 {
        grid-area: 4 / 4 / 5 / 6;
        background: url("/assets/onionr-3.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .div8 {
        grid-area: 5 / 1 / 6 / 6;
        background: url("/assets/onionr-1.png");
        background-size: 75%;
        background-position:top;
        background-repeat: no-repeat;
    }


    .column{
        padding: 1em;
    }

    .column a, .column a:visited{
        color: wheat;
    }