Descrizione

.gallery { width: 100%; margin: 0 auto; padding: 5px; text-align: center;}
.gallery > div { position: relative;display: inline-block; box-shadow: 0 1px 2px #ccc; border: 1px solid #ccc; padding: 5px; margin: 2px;}
.gallery > div > img { display: block; width: 13em; transition: .1s transform; transform: translateZ(0);}
.gallery > div:hover { z-index: 1;}.gallery > div:hover > img { transform: scale(1.7,1.7); transition: .3s transform;}
.cf:before, .cf:after { display: table; content: “”; line-height: 0;}.cf:after { clear: both;}
[class*=”row-“] {margin-bottom: 20px;}[class*=”row-“]:last-child {margin-bottom: 0;}[class*=”col-“] {}
@media all and ( max-width: 768px ) {.wrapper { max-width: 95%;} #prodimg img {width: 80%;}#details{padding: 5px;}}
@media all and ( min-width: 768px ) {[class*=”col-“] { margin-right: 20px;}[class*=”col-“]:last-child { margin-right: 0;}
.col-1-2 { float: left; width: 50%;}.row-2 { padding-left: 20px;}.row-2 [class*=”col-“]:first-child { margin-left: -20px;}}