.MyOverview {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    margin-top: 2rem;
    max-width: 32rem;
}

.MyOverview__Column {
    flex: 1 0 33%;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.MyOverview__Title{
    margin-bottom: 1rem;
}

.MyOverview__Content{
    margin-bottom: 0.5rem;
}


@media only screen and (min-width: 767px) {
    .MyOverview {
        margin-top: 1rem;
    }

    .MyOverview__Column {
        margin: 0 1.5rem 2rem;
    }
}

@media only screen and (min-width: 1024px) {
    .MyOverview__Column {
        flex: 1 0 20%; 
    }
    
}