@charset "UTF-8";

body {
  background-color: #efefef;
  color: #222;
}

#container {
  display: grid;
  box-sizing: border-box;
  width: 7in;
  height: 7in;
  margin: 0.45in auto 0.22in auto;
  padding: 0.68in 0.58in 0.58in 0.58in;
  background-color: #fff;
  border: 1px solid #555;
  font-family: "Minion Pro", Minion, "Adobe Garamond Pro", Garamond, "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  grid-template-columns: 1.28fr 1.82fr 0.9fr;
  grid-template-rows: auto auto 1fr auto;
  column-gap: 0.28in;
  row-gap: 0.17in;
}

#container > section {
  min-width: 0;
  display: grid;
  align-content: start;
}

#container p {
  margin: 0;
  font-size: 11.7px;
  line-height: 1.08;
}

.brand {
  grid-column: 1;
  grid-row: 1;
  row-gap: 0.018in;
}

.weight {
  grid-column: 3;
  grid-row: 1;
  justify-items: end;
}

.weight p {
  padding-right: 0.02in;
}

.flavour {
  grid-column: 1;
  grid-row: 2;
  row-gap: 0.018in;
}

.claims {
  grid-column: 2;
  grid-row: 2;
  max-width: 2.25in;
  row-gap: 0.02in;
}

.nutrition {
  grid-column: 1;
  grid-row: 3;
  grid-template-rows: auto auto;
  align-self: start;
}

.nutrition-head {
  display: grid;
  row-gap: 0.026in;
  margin-bottom: 0.13in;
}

.nutrition-table {
  display: grid;
  row-gap: 0.048in;
}

.nutrition-table .row {
  display: grid;
  grid-template-columns: 0.8in 1.34in;
  column-gap: 0.14in;
  align-items: start;
}

.nutrition-table .value,
.nutrition-table .label {
  line-height: 1.02;
}

.nutrition-table .label {
  max-width: 1.28in;
}

.ingredients {
  grid-column: 2;
  grid-row: 3;
  grid-template-rows: auto auto;
  row-gap: 0.22in;
  align-self: start;
}

.ingredients p {
  max-width: 2.36in;
  font-size: 11.3px;
  line-height: 1.08;
}

.utility {
  grid-column: 3;
  grid-row: 3;
  grid-template-rows: auto auto auto;
  row-gap: 0.24in;
  align-self: start;
}

.utility p {
  line-height: 1.05;
}

.bottom-grid {
  grid-column: 1 / 4;
  grid-row: 4;
  display: grid;
  grid-template-columns: 1.28fr 1.82fr 0.90fr;
  column-gap: 0.28in;
  align-items: start;
  margin-top: -0.01in;
}

.footnote {
  grid-column: 1;
  display: grid;
  row-gap: 0.03in;
}

.footnote p {
  max-width: 1.6in;
}

.description {
  grid-column: 2;
  display: grid;
  row-gap: 0.045in;
  align-self: start;
}

.description p {
  max-width: 2.72in;
}

#info {
  width: 7in;
  margin: 0 auto 0.35in auto;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.42;
  color: #444;
}