.grid{
    margin-bottom:20px;
}

.grid-item {
    float: left;
    width: 300px;
    height: 230px;
    /*border: 1px solid hsla(0, 0%, 0%, 0.5);*/
    /*background-color:white;*/
}
.grid-item img{
    border: 3px solid hsl(0, 0%, 100%);
}
.grid-item--width2 {
    width: 600px;
    height: 400px;
}

.grid-item--height2 {
    height: 600px;
}

.grid-item--vertical {
    width: 300px;
    height: 400px;
}

.grid-item--vertical2 {
    width: 600px;
    height: 800px;
}

.galery_img {
    width:100%;
}

@media (min-width: 10.99875em) and (max-width: 32.99875em) {
    .grid-item--vertical2 {
        width: 400px;
        height: 530px;
    }
    .grid-item--width2 {
        width: 400px;
        height: 264px;
    }
}