.main {

    width:100%;
    min-height:10px;

}

.main .content {

    width:1051px;
    min-height:10px;

}

.main .content h1 {

    padding:0;
    margin:0;
    font-size:40px;
    font-weight:700;
    font-family:'Roboto Condensed',sans-serif;
    color:rgba(0,0,0,1.0);
    margin-top:55px;
    padding-left:15px;

}

.main .content .gallery_holder {

    width:1051px;
    min-height:1px;
    margin-top:93px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:126px;

}

.main .content .gallery_holder .gallery_item {

    height:250px;
    float:left;
    margin:15px;
    background-color:rgba(216,216,216,1.0);
    position:relative;
    opacity:1;
    transition:opacity 0.5s;

}

.main .content .gallery_holder .gallery_item.small {
    width:calc(25% - 30px);
}

.main .content .gallery_holder .gallery_item.mid {
    width:calc(32% - 30px);
}

.main .content .gallery_holder .gallery_item.big {
    width:calc(43% - 30px);
}

.main .content .gallery_holder .gallery_item img {

    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    position:relative;
    z-index:2;

}

.main .content .gallery_holder .gallery_item .text_layer {

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    background-color:rgba(255,255,255,0.75);
    display:table;
    opacity:1;
    transition:opacity 0.3s;

}

.main .content .gallery_holder .gallery_item .text_layer > .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:25px;
    font-weight:700;
    font-family:'Roboto Condensed',sans-serif;
    color:rgba(0,0,0,1.0);

}

.main .content .gallery_holder .gallery_item .gray_hoverLayer {

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    background-color:rgba(52,73,94,0.76);
    background-image:url('./files/icons/detail_galerie.svg');
    background-size:32px;
    background-position:center center;
    background-repeat:no-repeat;
    opacity:0;
    transition:opacity 0.3s;

}

.main .content .gallery_holder .gallery_item:hover .text_layer {
    opacity:0;
    transition:opacity 0.3s;
}

.main .content .gallery_holder .gallery_item:hover .gray_hoverLayer {
    opacity:1;
    transition:opacity 0.3s;
}

@media screen and (max-width:1050px) {

    .main .content {

        width:calc(100% - 40px);
        min-height:10px;

    }
    
    .main .content .gallery_holder {

        width:100%;

    }
    
    .main .content .gallery_holder .gallery_item {
        width:calc(50% - 30px) !important;
    }

}

@media screen and (max-width:530px) {

    .main .content .gallery_holder .gallery_item {
        width:calc(100% - 30px) !important;
    }

}