.skills .skills--row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.skills .skills--col {
    width: 50%;
    padding: 0 15px;
}
.skills .skills--item {
    padding: 23px 27px;s
    border-radius: 6px;
    border: 1px solid #1B1B1B;
    height: 100%;
}
.skills .skills--logo{
    height: 100%;
}
@media screen and (min-width: 768px){
    .skills .skills--col{
        max-width: 25%;
        flex: 0 0 20%;
    }
}
@media screen and (min-width: 1200px){
    .skills .skills--col{
        max-width: 20%;
        flex: 0 0 20%;
    }
}