#fotogaleries{
    width:100%;
}

.fotogalery{
    text-align:center;
    width:11.875rem;
    height: 13.4375rem;
    float: left;
    overflow: hidden;
    margin-bottom: 0.625rem;
}

.fotogalery .img_wrapper{
    width:100%;
    height:8.75rem;
}

.fotogalery .text_wrapper{
    width:10.625rem;
    margin: 0 auto;
    height: 4.6875rem;
    overflow: hidden;
}

.fotogalery img{
    max-width:10.625rem;
    max-height:8.125rem;
}

#photos .photo{
    width:11.875rem;
    height:9.375rem;
    float:left;
    text-align:center;
    line-height:9.375rem;
    cursor:pointer;
}

#photos .photo img{
    max-width:10.625rem;
    max-height:8.125rem;
    vertical-align: middle;
}

@media screen and (max-width: 440px) {
    .fotogalery{
        width:10.0rem;
        height: 12.0rem;
    }

    .fotogalery .img_wrapper{
        height: 7.5rem;
    }

    .fotogalery .text_wrapper{
        width: 9.0rem;
    }

    .fotogalery img{
        max-width:9.125rem;
        max-height:6.625rem;
    }
}

@media screen and (max-width: 700px) {
    #photos .photo img{
        max-width: 95%;
    }
}

@media screen and (max-width: 900px) and (min-width: 441px) {
    .fotogalery{
        width:11.2rem;
    }
}

@media screen and (max-width: 400px) {
    #photos .photo{
        max-width: 33%;
    }
}

@media screen and (min-width: 401px) and (max-width: 750px) {
    #photos .photo{
        max-width: 25%;
    }
}


@media screen and (min-width: 751px) and (max-width: 1100px) {
    #photos .photo{
        max-width: 20%;
    }
}