/* CSS Document */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
  background-color: white;
}
#top {
  margin: 0;
  padding: 0.5em;
  background-color: royalblue;
  color: white;
}
#top h1, #top img {
  vertical-align: middle;
  display: inline-block;
}
#top h1 {
  margin: 0;
  padding: 0em 0.2em;
  font-size: 1.5em;
}
#top img {
  background-color: white;
  height: 3em;
  margin: 0;
  padding: 0;
  border-radius: 50%;
}
#cont {
  padding: 0.3em;
  color: #333333;
}
#cont>h1 {
  padding:0.1em 0em;
  margin: 0em;
}
#luoghi p {
  font-size: 11pt;
  margin: 0.2em;
  padding: 0;
}

/* FOOTER */
#bottom {
  text-align: center;
  background:royalblue;
  color: white;
  padding: 0.5em;
}
#bottom p { margin: 0; }
#bottom a { color: white; }

/* GALLERIE */
.imgsmall { width: 10%; }
.imgbig { width: 100%; margin: auto; }

/* GALLERIE */
.biglietto {
  border-left: 1em solid royalblue;
  margin-bottom: 1em;
  padding-left: 0.5em;
}
.biglietto h1,.biglietto h2,.biglietto h3,.biglietto p {
  margin: 0 0 1vh;
}

/* desktop */
@media screen and (orientation: landscape) {
  .riga-2, .riga-3 {
    text-align: center;
  }
  .riga-2 > div, .riga-3 > div {
    display: inline-block; 
    margin: auto; 
  }
  .riga-2 > div {
    vertical-align: middle; 
  }
  .riga-3 > div {
    vertical-align: top; 
  }
  .riga-2 > div { width: 45%; }
  .riga-3 > div { width: 30%; }

  .imgsmall { width: 30%; }
  .imgbig { width: 70%; } 
  #luoghi {
    display: inline-block; width: 47%; vertical-align: top;
  }
}