section-has-one-column-1,
.section-has-two-columns-2,
.section-has-two-columns-big-at-start-2,
.section-has-two-columns-big-at-end-2,
.section-has-three-equal-columns-3,
.section-has-three-columns-bigger-in-start-3,
.section-has-three-columns-bigger-in-middle-3,
.section-has-three-columns-bigger-in-end-3,
.section-has-four-columns-4
{
    display:grid;
    column-gap: 15px;
    row-gap: 5px;
    align-items: stretch;
}

.section-has-one-column-1{
    grid-template-columns: minmax(0, 1fr);
}

.section-has-two-columns-2{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.section-has-two-columns-big-at-start-2{
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
}

.section-has-two-columns-big-at-end-2{
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}


.section-has-three-equal-columns-3{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.section-has-three-columns-bigger-in-start-3{
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.section-has-three-columns-bigger-in-middle-3{
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
}
.section-has-three-columns-bigger-in-end-3{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);
}
.section-has-four-columns-4{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

@media (max-width: 991.98px) {

    .section-has-three-equal-columns-3,
    .section-has-four-columns-4{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .section-has-three-columns-bigger-in-start-3,
    .section-has-three-columns-bigger-in-middle-3,
    .section-has-three-columns-bigger-in-end-3 {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
    }

    .section-has-three-columns-bigger-in-start-3  > :nth-child(1),
    .section-has-three-columns-bigger-in-middle-3  > :nth-child(2),
    .section-has-three-columns-bigger-in-end-3 > :nth-child(3){
        order: -1;
        grid-column: span 2;
    }

}

@media (max-width: 767.98px) {

    .section-has-two-columns-2,
    .section-has-two-columns-big-at-start-2,
    .section-has-two-columns-big-at-end-2,
    .section-has-three-equal-columns-3,
    .section-has-three-columns-bigger-in-start-3,
    .section-has-three-columns-bigger-in-middle-3,
    .section-has-three-columns-bigger-in-end-3,
    .section-has-four-columns-4
    {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .section-has-three-columns-bigger-in-start-3  > :nth-child(1),
    .section-has-three-columns-bigger-in-middle-3  > :nth-child(2),
    .section-has-three-columns-bigger-in-end-3 > :nth-child(3){
        order: -1;
        grid-column: unset;
    }
}








.container-has-one-row-and-one-item-special-for-hero{
    display:grid;
    column-gap: 10px;
    row-gap: 5px;
    align-items: end;
    padding: 0px 2.5px;
}
.container-has-one-row-and-one-item,
.container-has-one-row-and-two-item,
.container-has-one-row-and-four-item,
.container-has-two-rows-one-column-frist-two-columns-last,
.container-has-two-rows-one-column-frist-three-columns-last{
    display:grid;
    column-gap: 10px;
    row-gap: 5px;
    align-items: end;
    padding: 0px 2.5px;
}

.container-has-one-row-and-one-item-special-for-hero,
.container-has-one-row-and-one-item{
    grid-template-columns: minmax(0, 1fr);
}
.container-has-one-row-and-two-item{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.container-has-one-row-and-four-item{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.container-has-two-rows-one-column-frist-two-columns-last{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
}
.container-has-two-rows-one-column-frist-two-columns-last  > :nth-child(1){
    order: -1;
    grid-column: span 2;
}

.container-has-two-rows-one-column-frist-three-columns-last{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
}
.container-has-two-rows-one-column-frist-three-columns-last  > :nth-child(1){
    order: -1;
    grid-column: span 3;
}

@media (max-width: 1199.98px) {
    .container-has-one-row-and-one-item-special-for-hero{
        row-gap: 1.85rem;
    }
}

@media (max-width: 991.98px) {

    .container-has-one-row-and-four-item{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);   
    }

}


@media (max-width: 767.98px) {

    .container-has-one-row-and-two-item
    {
        grid-template-columns:minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .container-has-one-row-and-four-item{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);   
    }

    .container-has-two-rows-one-column-frist-two-columns-last{
        grid-template-columns: minmax(0, 1fr);
    }
    .container-has-two-rows-one-column-frist-two-columns-last  > :nth-child(1){
        order: -1;
        grid-column: unset;
    }

    .container-has-two-rows-one-column-frist-three-columns-last{
        grid-template-columns: minmax(0, 1fr);
    }
    .container-has-two-rows-one-column-frist-three-columns-last  > :nth-child(1){
        order: -1;
        grid-column: unset;
    }
}

@media (max-width: 575.98pxpx) {

    .container-has-one-row-and-four-item{
        grid-template-columns: minmax(0, 1fr);   
    }

}