/* globali per font e margini dell'intero viewport  */
/* 
body {
    margin: 0px;
    font-family: 'Cedarville Cursive', cursive;
  }
  */
  div#background {
    height: auto;
    width: 1200px!important;    
    padding-top: 20px;
  }
  
  div#gallery {
    width: 100%;
    margin: auto;
  }
  
  
  #background img {
    height: 150px;
    margin: 0px;
  }
  
  #background figure {
    float: left;
    position: relative;
    background-color: white;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    /*
    margin: 10px;    
     */
     margin: 1em 2em 3em 4em 
    box-shadow: 1px 2px 3px black;
  }

  figure.pic1, figure.pic2,figure.pic3,figure.pic4,figure.pic5,figure.pic6,figure.pic7,figure.pic8,figure.pic9,figure.pic10,figure.pic11 {
    margin: 1em 2em 3em 4em  
  }
  
  figure.pic1 {
    -webkit-transform : rotate(-10deg);
    z-index: 1;
  }
  
  figure.pic2 {
    -webkit-transform : rotate(15deg);
    z-index: 2;
  }
  
  figure.pic3 {
    -webkit-transform : rotate(-25deg);
    z-index: 1;
  }
  
  figure.pic4 {
    -webkit-transform : rotate(5deg);
    z-index:1;
  }
  
  figure.pic5 {
    -webkit-transform : rotate(5deg);
    z-index:1;
  }
  
  figure.pic6 {
    -webkit-transform : rotate(-8deg);
    z-index:1;
  }
  
  figure.pic7 {
    -webkit-transform : rotate(2deg);
    z-index:1;
  }
  
  figure.pic8 {
    -webkit-transform : rotate(-13deg);
    z-index:1;
  }
  
  figure.pic9 {
    -webkit-transform : rotate(-7deg);
    z-index:1;
  }
  
  figure.pic10 {
    -webkit-transform : rotate(2deg);
    z-index:1;
  }
  
  figure.pic11 {
   -webkit-transform : rotate(-3deg);
    z-index:1;
  }
  
  #background figure:hover {
    box-shadow: 5px 10px 100px black;
    -webkit-transform: scale(2,2);
    z-index: 20;
  }


  @media screen and (max-width: 431px) {

    div#background, div#gallery {
      width:100%!important;
    }

    #background img {
      width: 300px;
      height: 150px;
      margin: 16px 16px 16px 5px;
  }
  figure.pic1, figure.pic2,figure.pic3,figure.pic4,figure.pic5,figure.pic6,figure.pic7,figure.pic8,figure.pic9,figure.pic10,figure.pic11 {
    -webkit-transform: none;
    z-index:1;
  }

  }