.icon-boxes-colors:nth-child(1) .icon-box,
.icon-boxes-colors:nth-child(3n + 4) .icon-box {
    background: #F5C24B;
}
.icon-boxes-colors:nth-child(3n + 2) .icon-box {
    background: #92DA71;
}
.icon-boxes-colors:nth-child(3n + 3) .icon-box {
    background: #FF061E;
}
.icon-box {
    border: 2px solid #515459;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-box img {
	transition: all 0.3s linear;
}
.icon-box:hover img {
	transform: rotateY(180deg); 
}
@media (min-width: 900px) { 
    .icon-box {
        width: 4.063vw;
        height: 4.063vw;
        border-radius: 0.833vw;
    }
    .icon-box img {
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 899px) {
    .icon-box {
        width: 12.308vw;
        height: 12.308vw;
        border-radius: 3.077vw;
    }
    .icon-box img {
        width: 4.103vw;
        height: 4.103vw;
    }
}