/* body{    font-family: 'Vollkorn', serif;} */
 body{font-family: Arial,Helvetica,sans-serif;}
 #navbarsExample07 a{font-family: 'Fjalla One', sans-serif;}
 h1,h2,h3,h4,h5{    font-family: 'Vollkorn', serif;}

a {color:#2f4a75;text-decoration:none;}

.container {
  max-width: 960px;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: #fff;
}
.site-header a {
  color: #444;
  transition: color .15s ease-in-out;
  text-transform:uppercase;
}
.site-header a:hover {
  color: #2f4a75;
  text-decoration: none;
}


/*
 * intro)
 */
.intro-color{background-color:#2f4a75;}


/*
 * Dummy devices (replace them with your own or something else entirely!)
 */

.product-device {
  position: absolute;
  right: 10%;
  bottom: -30%;
  width: 300px;
  height: 540px;
  background-color: #333;
  border-radius: 21px;
  transform: rotate(30deg);
}

.product-device::before {
  position: absolute;
  top: 10%;
  right: 10px;
  bottom: 10%;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.product-device-2 {
  top: -25%;
  right: auto;
  bottom: 0;
  left: 5%;
  background-color: #e5e5e5;
}


/*
 * Extra utilities
 */

.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
}


/*
 * mappa
 */
 


/* laptop */


.mappa {width:75%;}
/* .mappa {width:100%;} */
.imgpin-2{width:75%}
.pin-reggio{position: absolute;top: 75%;left: 66%;}
.pin-santagata{position: absolute;top: 83%;left: 60%;}
.pin-carini{position: absolute;top: 79%;left: 51%;}
.pin-terni{position: absolute;top: 39%;left: 46.5%;}

  .pin-aosta{position: absolute;top: 14%;left: 18%;}
  .pin-piemonte{position: absolute;top: 21%;left: 21%;}
  /*.pin-lombardia{position: absolute;top: 15%;left: 31%;}20220805*/
  .pin-lombardia{position: absolute;top: 17%;left: 30%;}
  .pin-bergamo{position: absolute;top: 11%;left: 32%;}
  .pin-greenlife{position: absolute;top: 13%;left: 25.5%;}
  .pin-greenlife2{position: absolute;top: 16%;left: 24%;}
  .pin-trentino{position: absolute;top: 8%;left: 39%;}
  .pin-friuli{position: absolute;top: 10%;left: 49%;}
  .pin-veneto{position: absolute;top: 17%;left: 42%;}
  .pin-liguria{position: absolute;top: 25%;left: 25%;}
  .pin-emilia{position: absolute;top: 23%;left: 39%;}
  .pin-toscana{position: absolute;top: 32%;left: 35%;}
  .pin-lazio{position: absolute;top: 48%;left: 47%;}
  .pin-marche{position: absolute;top: 35%;left: 51%;}
  .pin-abruzzo{position: absolute;top: 44%;left: 55%;}
  .pin-campania{position: absolute;top: 56%;left: 59%;}
  .pin-molise{position: absolute;top: 49%;left: 58%;}
  /*.pin-puglia{position: absolute;top: 54%;left: 70%;}OLD*/
  .pin-puglia{position: absolute;top: 56%;left: 74%;}
  .pin-basilicata{position: absolute;top: 58%;left: 67%;}
  .pin-sardegna{position: absolute;top: 58%;left: 26%;}
  .pin-sicilia{position: absolute;top: 83%;left: 55%;}

/* smartphone */
@media (max-width: 767px) {
  .mappa {width:90%;}
  .imgpin{width:60%;}
  .imgpin-2{width:45%}

  .pin-reggio{position: absolute;top: 72%;left: 62%;}
  .pin-santagata{position: absolute;top: 77%;left: 56%;}
  .pin-carini{position: absolute;top: 73.5%;left: 46%;}
  .pin-terni{position: absolute;top: 35%;left: 40%;}
  
  .pin-aosta{position: absolute;top: 8%;left: 5%;}
  .pin-piemonte{position: absolute;top: 18%;left: 8%;}
  .pin-lombardia{position: absolute;top: 13%;left: 22%;}
  .pin-bergamo{position: absolute;top: 4%;left: 22%;}
  .pin-greenlife{position: absolute;top: 8%;left: 15%;}
  .pin-greenlife2{position: absolute;top: 12%;left: 13%;}
  .pin-trentino{position: absolute;top: 3%;left: 31%;}
  .pin-friuli{position: absolute;top: 5%;left: 44%;}
  .pin-veneto{position: absolute;top: 13%;left: 34%;}
  .pin-liguria{position: absolute;top: 21%;left: 15%;}
  .pin-emilia{position: absolute;top: 20%;left: 30%;}
  .pin-toscana{position: absolute;top: 28%;left: 26.5%;}
  .pin-lazio{position: absolute;top: 46%;left: 42%;}
  .pin-marche{position: absolute;top: 30%;left: 47%;}
  .pin-abruzzo{position: absolute;top: 40%;left: 50%;}
  .pin-campania{position: absolute;top: 54%;left: 55%;}
  .pin-molise{position: absolute;top: 45%;left: 54%;}
  /*.pin-puglia{position: absolute;top: 51%;left: 70%;}OLD*/
  .pin-puglia{position: absolute;top: 52%;left: 74%;}
  .pin-basilicata{position: absolute;top: 54%;left: 65%;}
  .pin-sardegna{position: absolute;top: 56%;left: 16%;}
    .pin-sicilia{position: absolute;top: 81%;left: 50%;}

}
/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  /* .mappa {width:90%;} */
  .imgpin{width:75%;}
  .imgpin-2{width:60%;}
  .pin-reggio{position: absolute;top: 73%;left: 64%;}
  .pin-santagata{position: absolute;top: 80%;left: 59%;}
  .pin-carini{position: absolute;top: 76.5%;left: 48%;}
  .pin-terni{position: absolute;top: 37%;left: 45%;}
  
  .pin-aosta{position: absolute;top: 10%;left: 16%;}
  .pin-piemonte{position: absolute;top: 19%;left: 18%;}
  .pin-lombardia{position: absolute;top: 14%;left: 29%;}
  .pin-bergamo{position: absolute;top: 7%;left: 31%;}
  .pin-greenlife{position: absolute;top: 10%;left: 22%;}
  .pin-greenlife2{position: absolute;top: 14%;left: 22%;}
  .pin-trentino{position: absolute;top: 5%;left: 37%;}
  .pin-friuli{position: absolute;top: 7%;left: 48%;}
  .pin-veneto{position: absolute;top: 14%;left: 40%;}
  .pin-liguria{position: absolute;top: 23%;left: 24%;}
  .pin-emilia{position: absolute;top: 22%;left: 36%;}
  .pin-toscana{position: absolute;top: 31%;left: 34%;}
  .pin-lazio{position: absolute;top: 47%;left: 46%;}
  .pin-marche{position: absolute;top: 33%;left: 51%;}
  .pin-abruzzo{position: absolute;top: 42%;left: 53%;}
  .pin-campania{position: absolute;top: 56%;left: 58%;}
  .pin-molise{position: absolute;top: 47%;left: 57%;}
  .pin-puglia{position: absolute;top: 54%;left: 73%;}
  .pin-basilicata{position: absolute;top: 57%;left: 65.5%;}
  .pin-sardegna{position: absolute;top: 57%;left: 24%;}
    .pin-sicilia{position: absolute;top: 83%;left: 55%;}

}



/*
 * footer
 */
 footer {font-size:.9em; }
 footer h5{font-family: 'Fjalla One', sans-serif; font-size:.9em; text-transform: uppercase;}
 
 footer li a {
  text-decoration: none;
}
footer {padding-top: 20em; margin-top: -18em; }
@media (max-width: 767px) {
  footer {padding-top: 12em; margin-top: -8em; }
}