.photos .photo {
    width: 250px;
    /* width: 130px; */
    margin: 5px;
    float: left;
}

.photos .photo img {
    display: block;
    width: 100%;
}

.photo {
    width: 100px;
}

.title_event {
    text-align: center;
    padding: 15px;
    margin: 0;
    font-weight: 400;
    margin: 0;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

img {
    transition: .5s ease;
    opacity: 1;
}

img:hover {
    opacity: 0.3;
}

.photo {
    box-shadow: rgb(0, 0, 0, 0.5) 0px 1px 3px 0px
}