.mainSlike {
    width: 100%;

    background-color: var(--black);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--white);

  /* background-color: red; */

}


.mainSlike .num {
    margin-top: 6em;

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    min-width: 5rem;
    min-height: 5rem;
    font-size: var(--razvojNum);

    border-radius: 50%;


    border: .2em solid var(--green);

}

.mainSlike .firstDiv {
    padding: .5em;
    font-size: var(--razvojFirstText);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;

    /* background-color: red; */

}

.mainSlike .secondDiv {
    padding: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--razvojSecondText);
    color: var(--grey);
}


.mainSlike .threedDiv{
   padding: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--razvojSecondText);


    margin-bottom: 1em;
 
}

.mainSlike .fourDiv{
    max-width: 85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

}

.mainSlike .fourDiv img{

    max-width: 20rem;
    margin-bottom: 2em;
 
    /* border: 2px solid red; */

}

.mainSlike .fourDiv img:hover{
    transition: 400ms;
    transform: scale(.97);
}



@media (max-width:85rem) {
.mainSlike .fourDiv {
        max-width: 65rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .mainSlike .fourDiv img {

        max-width: 15rem;
        margin-bottom: 2em;

        /* border: 2px solid red; */

    }
}








@media (max-width:65rem) {
    .mainSlike .fourDiv {
        max-width: 50rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .mainSlike .fourDiv img {

        max-width: 12rem;
        margin-bottom: 2em;

        /* border: 2px solid red; */

    }
}











@media (max-width:50rem) {
    .mainSlike .fourDiv {
        max-width: 40rem;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .mainSlike .fourDiv img {

        max-width: 18rem;
        margin-bottom: 1em;

        /* border: 2px solid red; */

    }
}










@media (max-width:40rem) {
    .mainSlike .fourDiv {
        max-width: 95%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;



    }

    .mainSlike .fourDiv img {

        max-width: 47%;
        margin-bottom: 1em;

        /* border: 2px solid red; */

    }
}