/** Shopify CDN: Minification failed

Line 7:0 Comments in CSS use "/* ... */" instead of "//"
Line 96:0 Expected "}" to go with "{"

**/
// this is for all custom.css, Edit by Eric

* {box-sizing: border-box;}
.wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.wrapper > div {
  border: 2px solid rgb(162, 162, 162);
  border-radius: 5px;
  background-color: rgba(255,255,255,.5);
  padding: 1em;
  color: #484848;

}.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.one {
  grid-column: 1/2;
  grid-row: 1/3;
}
.two { 
  grid-column: 2/3;
  grid-row: 1/3;
}
.three {
  grid-column: 3/4;
  grid-row: 1/3;
}
.four {
  grid-column: 1/2;
  grid-row: 3/5;
}
.five { 
  grid-column: 2/3;
  grid-row: 3/5;
}
.six {
  grid-column: 3/4;
  grid-row: 3/5;
}

* {box-sizing: border-box;}
.wrapper2 {
  max-width: 1200px;
  margin: 0 auto;
}

.wrapper2 > div {
  border: 2px solid rgb(162, 162, 162);
  border-radius: 5px;
  background-color: rgba(255,255,255,.5);
  padding: 1em;
  color: #484848;

}.wrapper2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.one2 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.two2 { 
  grid-column: 2/2;
  grid-row: 1/2;
}
.three2 {
  grid-column: 1/2;
  grid-row: 2/2;
}
.four2 {
  grid-column: 2/2;
  grid-row: 2/2;
}

@media screen and (max-width: 600px) 
{
category-hide { display: none; }  
  
  
