/* * { outline: solid 1px green } */
* {
gap:clamp(6px, 1.3vw, 17px);
}
body {
/* font-size: clamp(12px, calc(7px + .8vw), 16px); */
}
.row {
display:flex;
gap:clamp(6px, 1.3vw, 17px);
flex-direction: column;
margin-bottom: 1em;
}
.wrap {
flex-wrap: wrap;
}
/* .row .row { margin:  0 -1.5em; } */
/* .col      { padding: 0  1.5em; } */

/* .row:after { */
/* content: ""; */
/* clear: both; */
/* display: table; */
/* } */

.row:first-of-type {
/* margin-bottom: 1em; */
}

.col {
/* float: left; */
width: 100%;
/* box-sizing: border-box; */
/* padding-left: 0px; */
/* padding-right: 0px; */
}

#productgrid {
 display: grid;
gap:clamp(6px, 1.3vw, 17px);
 grid-template-columns: repeat(5, 1fr);
 grid-template-rows: 5.2fr 1fr;
 /* grid-template-areas: */
 /* "productimage productimage productimage productimage productimage" */
 /* "thumbs"; */
}

#productdiv {
grid-column-start: 1;
grid-column-end: 6;
/* grid-area: productimage; */
}

#thumbs {
/* grid-area: thumbs; */
}

blockquote:first-child {
margin-top: 0px;
}

.half {
width: 100%;
}
.quarter {
width: 50%;
}
main {
margin: auto;
max-width: 1200px;
}

.page {
margin: 0 clamp(12px, 4vw, 42px);
}

label {
display: block;
}

@media only screen and (min-width: 480px) {

body {
}

.page {
/* margin-left: 42px; */
/* margin-right: 42px; */
}
h2 {
}
.row {
flex-direction: row;
}

#productgrid {
 grid-template-columns: 5.58fr 1fr;
 grid-template-rows: repeat(5, 1fr);
 /* grid-template-areas: */
 /* "productimage productimage productimage productimage productimage" */
 /* "thumbs"; */
}

#productdiv {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 6;
/* grid-area: productimage; */
}

.half {
    width: 50%;
}
.quarter {
width: 25%;
}

.halfimg p img {
width: 50%;
}
/* .col:first-of-type { */
/* padding-left: 0px; */
/* } */

/* .col:last-of-type { */
/* padding-right: 0px; */
/* } */

.gallery {
display:grid;
grid-template-columns: repeat(4, minmax(0, 1fr));;
}
.gallery .col {
/* width:25%; */
}
}

@media only screen and (min-width: 1200px) {
.page {
/* margin-left: 0; */
/* margin-right: 0; */
}
body {
/* font-size: 16.53px; */
}
.gallery .col {
}

}