.wrapper {
		display: grid;
        grid-gap: 0;
		grid-template-columns: [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px [col] 275px;
		grid-template-rows: [row] 500px [row] 500px [row] 500px [row] 500px;
	}

	.box {
        border:0 solid;
        border-radius: 33px;
        border-color: rgb(213, 87, 24);
        border-width: 7px;
        margin:25px 50px;
    }
    .boxBlack {
        border:0 solid;
        border-radius: 33px;
        border-color: #000;
        border-width: 7px;
        margin:25px 50px;
    }
    .hex {
        background-image: url(../assets/500h.png);
        height:500px;
        width:550px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:14pt;
        text-transform: uppercase;
        }

	.a {
		grid-column: col 3 / span 2;
		grid-row: row ;
	}
	.b {
		grid-column: col 5 / span 2 ;
		grid-row: row ;
	}
	.c {
		grid-column: col 7 / span 2 ;
		grid-row: row ;
	}
	.a2 {
		grid-column: col 2 / span 2;
		grid-row: row 2;
	}
	.b2 {
		grid-column: col 4 / span 2 ;
		grid-row: row 2 ;
	}
	.c2 {
		grid-column: col 6 / span 2;
		grid-row: row 2;
  }
 .d2 {
		grid-column: col 8 / span 2 ;
		grid-row: row 2 ;
	}
	.e2 {
		grid-column: col 10 / span 2;
		grid-row: row 2;
  }
	.a3 {
		grid-column: col 1 / span 2;
		grid-row: row 3;
	}
	.b3 {
		grid-column: col 3 / span 2 ;
		grid-row: row 3;
	}
	.c3 {
		grid-column: col 5 / span 2 ;
		grid-row: row 3;
	}
	.d3 {
		grid-column: col 7 / span 2 ;
		grid-row: row 3;
	}
	.e3 {
		grid-column: col 9 / span 2;
		grid-row: row 3;
	}
 .a4 {
		grid-column: col 3 / span 2;
		grid-row: row 4;
	}
	.b4 {
		grid-column: col 6 / span 2 ;
		grid-row: row 4;
	}
	.c4 {
		grid-column: col 8 / span 2 ;
		grid-row: row 4;
	}
  .a5 {
		grid-column: col 4 / span 2;
		grid-row: row 5;
	}
	.b5 {
		grid-column: col 7 / span 2 ;
		grid-row: row 5;
	}
	.c5 {
		grid-column: col 9 / span 2 ;
		grid-row: row 5;
	}
    .d5 {
		grid-column: col 11 / span 2 ;
		grid-row: row 5;
	}
    .a6 {
		grid-column: col 2 / span 2;
		grid-row: row 6;
	}
	.b6 {
		grid-column: col 4 / span 2 ;
		grid-row: row 6;
	}
	.c6 {
		grid-column: col 6 / span 2 ;
		grid-row: row 6;
	}
    .d6 {
		grid-column: col 9 / span 2 ;
		grid-row: row 6;
	}
    .e6 {
		grid-column: col 11 / span 2 ;
		grid-row: row 6;
	}
    .a7 {
		grid-column: col 4 / span 2;
		grid-row: row 7;
	}
	.b7 {
		grid-column: col 6 / span 2 ;
		grid-row: row 7;
	}
	.c7 {
		grid-column: col 8 / span 2 ;
		grid-row: row 7;
	}
    .d7 {
		grid-column: col 10 / span 2 ;
		grid-row: row 7;
	}
    .a8 {
		grid-column: col 7 / span 2;
		grid-row: row 8;
	}