body 
{
   background: #000000;
}

.row2::after 
{
    content:"";
    clear:both;
    display:table;
}

.gallery {
    margin: 5px;
    border: 1px solid #999;
    float: left;
}

.gallery:hover {
    border: 1px solid #000000;
}

.gallery img {
    width: 100%;
    height: auto;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.gallery img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.desc {
    width: 100%;
    padding: 15px;
    text-align: center;
}

.list {
    width: 100%;
    padding: 5px;
    text-align: center;
}


.gallerybig {
    margin: 5px;
    float: left;
}

.gallerybig img {
    width: 100%;
    height: auto;
}

.gallerybig sign {
    width: 5%;
}

.titologal {
    font-size:12px;
    font-weight:bold;
    font-style:italic;
    color:#FFFFFF;
    text-align: center;
    text-valign: middle;
    padding: 10px 10px 10px 10px;
}

.pippogal a {
   color: #FFFF00; 
   font: 14px;
   font-family: oswald;
   border-style: none; 
}

.pippogal a:hover {
   color: #F0F0F0; 
}



@media (min-width: 768px) {

/* Structure  > 768 */

.gallery img {
    width: 300px;
    height: auto;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.mezzavia {
    margin: auto;
    width: 100%;

}
}

@media (min-width: 1024px) {

/* Structure  > 1024 */

.gallery img {
    width: 300px;
    height: auto;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.gallerybig {
    margin: 1% 20% 1% 20%;
    align: center;
}

.gallerybig img {
    width: 100%;
    height: auto;
    align: center;
}

.mezzavia {
    margin: auto;
    width: 100%;

}
}