.gridPersonal {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}

.gridPersonal .item {
    width: 23%;
    padding: 1rem;
    margin-bottom: 2rem;
    
}

.gridPersonal .item img {
    border-radius: 15px;
}

.gridPersonal .name {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 1rem;
    color: var(--green);
}

.gridPersonal .title {
    margin-bottom: 1rem;
    font-weight: 500;
    text-transform: inherit;
    color: #000;
}

@media (max-width:1180px) {
    .gridPersonal > .item {
        width: 25%;
    }
}

@media (max-width:820px) {  
     .gridPersonal .item {
        width: 33%;
        margin-bottom: 1rem;
    }
    
    .gridPersonal .name {
        font-size: 1.2rem;
    }
}

@media (max-width:560px) {
    .gridPersonal .item {
        padding: 0px;
        width: 100%;
    }
}