.steps {
    display: flex !important;
    flex-wrap: wrap;
}

.step {
    width: calc((100% - 30px * (3 - 1)) / 3);
}

.step:nth-child(4n), .step:nth-child(5n) {
    width: calc((100% - 30px * (2 - 1)) / 2);
}

.step.step--big {
    width: 100%;
}

.step:first-child {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0px 0px 30px 0px #F43B8F;
    box-shadow: 0px 0px 30px 0px #F43B8F;
}

.step:first-child::before, .step:first-child::after {
    opacity: 1;
}

@media (max-width: 1400px) {
    .step {
    	width: calc((100% - 22px * (3 - 1)) / 3);
    }

    .step:nth-child(4n), .step:nth-child(5n) {
    	width: calc((100% - 22px * (2 - 1)) / 2);
    }
}

@media (max-width: 700px) {
    .step, .step:nth-child(4n) {
    	width: calc((100% - 16px * (2 - 1)) / 2);
    }

    .step:nth-child(5n) {
    	width: 100%;
    }
}

@media (max-width: 500px) {
    .step, .step:nth-child(4n) {
    	width: 100%;
    }
}