/* pc  */
    @media screen and (min-width: 801px) {
  
#wrapper {
  margin:1% auto;
  width:1100px;
  }
  
footer {   
 clear:both;
 text-align:center;
 width:100%;
  }
  
 .footer-testi {  
  width:33%;
  text-align:center;
  float:left;
  padding:0px;
  color:#ffffff;
  margin-top:20px;
  margin-bottom:20px;
  } 

  }
    
/* smartphone  */
    @media screen and (max-width: 480px) {
    aside,
    main,
    .centrato .corpo {
        float: none;
        width: auto;
        margin: 0;
        }
    #wrapper {
    border-radius: 0;
        margin: 0;
        width: auto;
        padding: 15px;
        }
    }
    
  
/* tablet */  
    @media screen and (min-width: 481px) and (max-width: 800px) {
    aside,
    main {
        float: none;
        width: auto;
        margin: 0;
        }
    aside {
        clear: left;
        }
    #wrapper {
        margin: 0;
        width: auto;
        padding: 10px;
        }
  .centrato .corpo {
  margin-left:1%;
  margin-top:2%;
  width:48%;
  float:left;
  margin-bottom:10px;
  text-align:left;
  }
.centrato .corpo:nth-child(2n+1) {
  clear:left;
  margin-left:0;
    }