div.cube_person_all_persons_list{}
h2.cube_person_cat_title{}
div.cube_person_incat_persons_list{
    display: flex;
    flex-wrap: wrap;
}

h2.cube_person_cat_title,
.cube_person_incat_persons_list
{
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    div.cube_person_incat_persons_list{
        display: block;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/* item */

.cubeperson_item {    
    display: flex;
    width: calc(100% / 3);
    flex-grow: 0;
    flex-shrink: 1;
    margin-bottom: 15px;
}
.cubeperson_item > div:first-child{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 150px;
    min-height: 200px;
    max-width: 150px;
    max-height: 200px;
    background-color: white;
}
.cubeperson_item .cubeperson_content{
    padding: 15px;
    flex-grow: 2;
}
.cubeperson_item .cubeperson_content span{
    display: block;
}
.cubeperson_item .cubeperson_content span.tags,
.cubeperson_item .cubeperson_content span.contant
{
    font-size: .9rem;
    display: block;
}


@media screen and (max-width: 767px) {
    .cubeperson_item {    
        width: 100%;
    }
    .cubeperson_item > div:first-child{
        min-width: 150px;
        min-height: 200px;
        max-width: 150px;
        max-height: 200px;
    }
    .cubeperson_item .cubeperson_content {
        padding: 0 0 0 15px;        
    }
    .cubeperson_item .cubeperson_content *{
        line-height: 1rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .cubeperson_item {            
        width: calc(100% / 2);        
    }
}
@media screen and (min-width: 1025px) {}

/* single */


@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}