@charset "utf-8";

.kpi-list {
    justify-content: center;
}
.kpi-list.column{position: relative; margin-top:80px;}
.kpi-list.column .kpi-label{position:absolute; margin-top:-100px; margin-left:-30px; margin-right:10px;}
.kpi-list.column .kpi-label.half{width:calc(49% - 20px);}
.kpi-item {
    margin: 0.7%;
    width: calc(94% / 4);
    max-width: none;
}
.kpi-item.large{
    margin: 0.7%;
    width: calc(94% / 2);
    max-width: none;
}
.block.column{width:25%;}
.block.column.half{
    width:calc(49% - 20px);
    margin-right:20px;
}
.block.column .kpi-label{width:100%;}
.block.column .kpi-label.half{width:calc(50% - 20px);}
.block.column .kpi-label,
.block.column.half .kpi-label{width:100%; margin:0 0 15px 0;}
.block.column.half .kpi-item.large{width:100%;}


h3 + .kpi-list {margin-top:10px;}

@media (max-width:1080px) {

    .kpi-list {
        justify-content:space-between;
        margin-bottom: -3%;
    }

    .kpi-item {
        margin: 0;
        width: calc(97% / 2);
        margin-bottom: 3%;
    }

    .kpi-item.large{
        margin: 0;
        width: 97%;
        margin-bottom: 3%;
    }
    .kpi-list.column .kpi-label{position:absolute; margin-top:-100px; margin-left:-30px; margin-right:10px;}
    .kpi-list.column .kpi-label.half{width:calc(100% - 20px);}
    #n02{margin-top:60px}
    .kpi-list+.kpi-list{margin-top:35px;}
}

@media (max-width:768px) {
    .kpi-list.column .kpi-label{position:absolute; margin-top:-80px; margin-left:-10px; margin-right:10px;}
}