@charset "UTF-8";

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

#container {
  display: grid;
  box-sizing: border-box;
  width: 7in;
  height: 7in;
  margin: 0.45in auto 0.22in auto;
  padding: 0.42in;
  background-color: #ffffff;
  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: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1.66in 1.48in 1.08in 1fr;
  column-gap: 0.15in;
  row-gap: 0.14in;
}

#container > section {
  min-width: 0;
  align-self: stretch;
}

#container p {
  margin: 0;
  font-size: 11.1px;
  line-height: 1.11;
}

.minion-bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.arial-bold {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.top-card {
  display: grid;
  color: #ffffff;
  text-align: center;
  font-family: "Minion Pro", Minion, "Adobe Garamond Pro", Garamond, "Times New Roman", serif;
  font-weight: 700;
}

.cookies-card {
  grid-column: 1;
  grid-row: 1;
  background: #9a6a53;
  align-self: end;
  height: 0.62in;
  place-items: center;
}

.cookies-card p {
  font-size: 16.2px;
  line-height: 0.96;
}

.kinder-card {
  grid-column: 2;
  grid-row: 1;
  background: #c93a47;
  align-self: end;
  height: 0.62in;
  place-items: center;
}

.kinder-card p {
  font-size: 18.6px;
  line-height: 1;
}

.kinderini-card {
  grid-column: 3;
  grid-row: 1;
  background: #8fb5c7;
  padding: 0.10in 0.12in 0.12in;
  grid-template-rows: auto 1fr auto;
}

.kinderini-card .weight {
  justify-self: end;
  font-size: 12.2px;
  line-height: 1;
}

.kinderini-card .brand {
  align-self: center;
  justify-self: center;
  font-size: 23px;
  line-height: 1;
}

.kinderini-card .subline {
  align-self: end;
  justify-self: center;
  display: grid;
  row-gap: 0.012in;
}

.kinderini-card .subline p {
  font-size: 9.2px;
  line-height: 1.05;
}

.nutrition {
  grid-column: 1;
  grid-row: 2 / 5;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  row-gap: 0.12in;
}

.nutrition-head {
  display: grid;
  row-gap: 0.016in;
}

.nutrition-head p {
  font-size: 11.0px;
  line-height: 1.08;
}

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

.nutrition-table .row {
  display: grid;
  grid-template-columns: 0.82in 1.20in;
  column-gap: 0.10in;
  align-items: start;
}

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

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

.nutrition-foot {
  display: grid;
  row-gap: 0.06in;
  align-self: end;
}

.nutrition-foot p {
  font-size: 10.8px;
  line-height: 1.11;
}

.ingredients {
  grid-column: 2;
  grid-row: 2 / 5;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 0.14in;
  align-content: start;
  justify-items: center;
  text-align: center;
}

.ingredients p {
  font-size: 11.12px;
  line-height: 1.13;
  max-width: 2.20in;
}

.ingredients-en,
.ingredients-fr {
  justify-self: center;
}

.right-top {
  grid-column: 3;
  grid-row: 2;
  display: grid;
  grid-template-rows: auto auto auto;
  row-gap: 0.18in;
}

.variety {
  display: grid;
  row-gap: 0.025in;
}

.variety p {
  font-size: 11.15px;
  line-height: 1.1;
}

.claims {
  display: grid;
  row-gap: 0.03in;
}

.claims p {
  font-size: 10.95px;
  line-height: 1.1;
}

.blue-word {
  color: #6ea8c4;
}

.storage {
  display: grid;
  row-gap: 0.02in;
}

.storage p {
  font-size: 11.1px;
  line-height: 1.09;
}

.right-lower {
  grid-column: 3;
  grid-row: 3 / 5;
  display: grid;
  grid-template-rows: auto auto 1fr;
  row-gap: 0.20in;
  align-content: start;
}

.questions,
.best-before {
  display: grid;
  row-gap: 0.01in;
}

.questions p,
.best-before p,
.right-bottom p {
  font-size: 11.0px;
  line-height: 1.1;
}

.right-bottom {
  display: grid;
  align-content: start;
  row-gap: 0.06in;
  margin-top: 0.12in;
}

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