.grid-3-cols {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 30px;
}

.col-1 {
    grid-column: 1;
}

.col-2 {
    grid-column: 2;
}

.col-3 {
    grid-column: 3;
}

.grid-2-cols {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 30px;
}

.grid-3-cols {
    display: grid;
    grid-template-columns: 33% 33% 33% ;
    grid-gap: 15px;
}


/* page specific */

/* team cherries */
.team-cherries {
    font-size: 0.85em;
}

.team-cherries .row-adverteerder {
    grid-template-columns: 4% auto 18% 18% 19%;
    font-size: 1.3em;
}

.team-cherries .row-adverteerder .logo {
    width: 22px;
}

.team-cherries .row-highlight{
    padding: 0 0 0 0;
    grid-template-columns: 14% 7% auto 28%;
    font-size: 0.7em;
    margin: 10px 0 12px 0;
}

.team-cherries .row-highlight .partner-foto {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    justify-self: center;
}

.team-cherries .row-highlight .logo {
    width: 30px;
}

.team-cherries .row-sales {
    font-size: 1.4em;
    grid-template-columns: 8% auto 7% 7% 6% 40%;
}

.team-cherries .row-sales.hide-cols{
    font-size: 1.4em;
    grid-template-columns: 8% auto 7% 7% 40%;
}

.team-cherries .revenue-sale.hide-cols{
    display: none;
}

.team-cherries .row-compliance-pos {
    border-left: 4px solid var(--success);
}

.team-cherries .row-compliance-med {
    border-left: 4px solid var(--warning);
}

.team-cherries .row-compliance-neg {
    border-left: 4px solid var(--error);
}

.team-cherries .row-sales .logo {
    width: 20px;
}

.team-cherries .single-chart {
    width: 120px;
}

.team-cherries .col {
    background-color: #252525;
}

.team-cherries .center {
    text-align: center;
}

.team-cherries .grid-2-cols {
    grid-template-columns: 49% 49%;
    grid-gap: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.team-cherries .revenue-block {
    margin-top: 10px;
    margin-bottom: 20px;
}

.team-cherries .revenue-block h1{
    margin-bottom: 10px;
}