.foto{width:25%;height:33%;}
.main{padding:15px;background-image:linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.1) 100%);background-image:-o-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.1) 100%);background-image:-moz-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.1) 100%);background-image:-webkit-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.1) 100%);background-image:-ms-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.1) 100%);border-radius:5px;z-index:99999;}
@media screen and (max-width:47em){.main{padding:5px;background-image:linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.5) 100%);background-image:-moz-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.5) 100%);background-image:-webkit-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.5) 100%);background-image:-ms-linear-gradient(top, rgba(200,200,200,.1) 0%, #3c3c3c 50%, rgba(0,0,0,.5) 100%);border-radius:5px;}}
@media only screen and (max-width:321px){.img_dip{width:20px; height:50px;}}
@media only screen and (min-width:960px){.img_dip{width:150px; height:200px;}}