/* --- ≥ 568px .pure-u-sm-* --- */
@media screen and (min-width: 35.5em) {
  .sm-display{
    display: block;
  }
  .box-0{
    padding: 0;
  }
  .box-1{
    padding: 2em;
  }
  .box-2{
    padding: 2em;
  }
  .box-3{
    padding: 2em;
  }
  .box-4{
    padding: 2em;
  }
  .box-5{
    padding: 2em;
  }
  .box-6{
    padding: 2em;
  }
  .box-8{
    padding: 2em;
  }
  .box-10{
    padding: 2em;
  }
  .box-12{
    padding: 2em;
  }
  .gm-style-iw-d{
    margin: 24px;
  }
  .gm-style .gm-style-iw h1{
      font-size: 1.6rem;
  }
  .gm-style .gm-style-iw {
    font-size: 1rem;
  }
  .map-home {
    height: 69vh;
  }
  .gm-style .gm-style-iw h1{
    margin: .6em 0 .3em 0;
  }

}


/* --- ≥ 768px  .pure-u-md-* --- */
@media screen and (min-width: 48em){
  .md-display{
    display: block;
  }


  .box-0{
    padding: 0;
  }
  .box-1{
    padding: 1em;
  }
  .box-2{
    padding: 2em;
  }
  .box-3{
    padding: 3em;
  }
  .box-4{
    padding: 4em;
  }
  .box-5{
    padding: 5em;
  }
  .box-6{
    padding: 6em;
  }
  .box-8{
    padding: 8em;
  }
  .box-10{
    padding: 10em;
  }
  .box-12{
    padding: 12em;
  }
  .start-banner img{
    display: block;
  }
  .middle-banner img{
    display: block;
  }
  .insta-box{
    max-height: 320px;
  }

}


/* --- ≥ 1024px .pure-u-lg-* --- */
@media screen and (min-width: 64em){
  main{
    padding-top: 115px;
  }
  header .menu{
    display: block;
  }
  header .logo img{
    max-width: 148px;
    margin: 10px 10px 8px 10px;
  }
  .form-contatto .field{
    width: 50%; 
    padding-right: 2em;
  }
  .form-contatto .text-field{
    padding-right: 2em;
  }

  .lg-display{
    display: block;
  }
  .cit1{
    max-width: 32px;
    margin-left: 1em;
    margin-right: 1em;
    position: relative;
    top:  -12px;
  }
  .cit2{
    max-width: 32px;
    margin-left: 1em;
    margin-right: 1em;
    position: relative;
    bottom: -14px;
  }
  .insta-box{
    max-height: 250px;
  }
}


/* --- ≥ 1280px .pure-u-xl-* --- */
@media screen and (min-width: 80em){
  .xl-display{
    display: block;
  }
  .news-box{
    font-size: 1.2em;
  }
  header .logo img {
    margin: 30px 10px 12px 40px;
  }
  .insta-box{
    max-height: 340px;
  }

}