.products-number span {
    font-weight: 700;
}



.section2 {
    margin-top: 1rem;
}

.section3 {
    display: grid;
    grid-template-columns: repeat(4, 200px);
    grid-template-rows: repeat(2, 200px);
    grid-column-gap: .4rem;
    grid-row-gap: 1rem;
    padding: 1rem 20%;
    margin-top: .5rem;
}

.item-preview{
    background-color: white;
    box-shadow: 0rem .1rem .5rem rgb(150, 147, 147);
}

.item {
    display: grid;
    grid-template-rows: 80% 20%;
}

.item-img {
    background-image: url(../styles/img/shoes/brogues2.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.img-1 {
    background-image: url(../styles/img/shoes/1.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.img-2 {
    background-image: url(../styles/img/shoes/2.jpg);
    width: 200px;
    height: 150px;
    background-size: 100%;
    background-position: 20% 15%;
}

.img-3 {
    background-image: url(../styles/img/shoes/3.jpg);
    width: 200px;
    height: 150px;
    background-size: 87%;
    background-position: center;
}

.img-4 {
    background-image: url(../styles/img/shoes/4.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.img-5 {
    background-image: url(../styles/img/shoes/5.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.img-6 {
    background-image: url(../styles/img/shoes/6.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: top;
}

.img-7 {
    background-image: url(../styles/img/shoes/8.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: left;
}

.img-8 {
    background-image: url(../styles/img/shoes/shoes2.jpg);
    width: 200px;
    height: 150px;
    background-size: cover;
    background-position: center;
}

.item-img img {
    max-width: 100%;
}

.item-text {
    display: grid;
    grid-template-rows: repeat(2,20px);
    padding: .1rem .7rem;
}

.item-name {
    font-size: .9rem;
}

.item-price {
    font-weight: 900;
}


/****MOBILE*****/

@media screen and (max-width: 425px) {
    .section3 {
        display: grid;
        grid-template-columns: repeat(2, 200px);
        grid-template-rows: repeat(4, 200px);
        grid-column-gap: .4rem;
        grid-row-gap: 1rem;
        padding: 1rem 2%;
    }
}


@media screen and (max-width: 375px) {
    .section3 {
        display: grid;
        grid-template-columns: repeat(2, 175px);
        grid-template-rows: repeat(5, 175px);
        grid-column-gap: .4rem;
        grid-row-gap: 1rem;
        padding: 1rem 2%;
    }

    .item-img {
        width: 175px;
        height: 120px;
    }
}


@media screen and (max-width:320px ){
    .section3 {
        display: grid;
        grid-template-columns: repeat(2, 150px);
        grid-template-rows: repeat(4, 175px);
        grid-column-gap: .4rem;
        grid-row-gap: 1rem;
        padding: 1rem 2%;
    }

    .item-img {
        width: 150px;
        height: 120px;
    }

    .item-name{
        font-size: 12px;
    }
}