article {
  margin: 8px 12px;
}
article p {
  margin: 0;
  padding: 4px 4px;
}
article.primary {
  border-radius: 4px;
  padding: 6px 10px;
}
.section-social {
  text-align: right;
}
.section-social a {
  text-decoration: none;
  color: inherit;
}
.section-social .social {
  font-size: xx-large;
  display: inline-block;
  margin: 8px 4px;
}
.section-social .facebook {
  color: #4267B2;
}
.section-social .instagram {
  color: #E1306C;
}
.section-1 {
  display: grid;
  grid-template-columns: 1fr;
}
.section-2 {
  display: grid;
  grid-template-columns: 1fr;
}
.section-3 {
  display: grid;
  grid-template-columns: 1fr;
}
.section-3 .location {
  background-color: silver;
  border-radius: 4px;
  margin: 2px 12px;
  padding: 10px 10px;
  text-align: center;
}
.section-3 .location div {
  padding: 4px 10px;
}
.section-3 .location a {
  text-decoration: none;
  color: initial;
}
.section-3 .location i {
  padding-right: 6px;
}
.section-3 .location .sede {
  color: #a21020;
  font-size: x-large;
  font-weight: bold;
}
.section-3 .location .info {
  color: #a21020;
  font-weight: bold;
}
article p {
  text-align: justify;
}
.prodotti {
  letter-spacing: 2px;
}
.prodotti p {
  text-align: center;
  line-height: 1.4em;
}
.gusti {
  cursor: pointer;
}
.gusti p {
  text-align: center;
}
#modalGusti .modal-body {
  display: grid;
  grid-template-columns: 1fr;
}
#modalGusti .modal-body .gusti-container .titolo {
  font-weight: bold;
  font-size: medium;
}
#modalGusti .modal-body .gusti-container ul.gusti {
  list-style-type: none;
  padding: 0;
  font-size: x-small;
}
#modalGusti .modal-body .gusti-container ul.gusti li.gusto .title {
  font-weight: bold;
}
/* Small devices such as large phones (640px and up) */
/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {
  .section-1 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 3fr;
  }
  .section-1 .descrizione {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .section-1 .immagini {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .section-1 .gusti {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .section-1 .prodotti {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .section-3 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
  #modalGusti .modal-body {
    grid-template-columns: 1fr 1fr;
  }
  #modalGusti .modal-body .gusti-container .titolo {
    font-size: medium;
  }
  #modalGusti .modal-body .gusti-container ul.gusti {
    font-size: medium;
  }
  #modalGusti .modal-body .gusti-container ul.gusti li.gusto .title {
    font-weight: bold;
  }
}
/* Large devices such as laptops (1024px and up) */
/* Largest devices such as desktops (1280px and up) */