
.newRelease{
  margin-top: 3.5rem;
}

.newRelease__banner{
position: relative;
background-image: url(/images/sneaker\ release.webp);
background-size: cover;
background-position: center;
filter: grayscale(100%);
min-width: 300px;
height: 35vh;
margin: 0 auto;
}

.newRelease__banner:hover{
filter: grayscale(0%);
}

.newRelease__text{
position: relative;
color: rgb(255, 135, 55);
text-align: center;
transform: translateY(-120%);
left: 0px;
height: 50%;
font-weight: 700;
font-size: var(--size-8xl);   
}

.newproduct__container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, auto));
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-evenly;
  align-items: center;
  margin-top: -10rem;
}




/* xs */
/* @media (min-width: 475px) {} */

/* sm */
/* @media (min-width: 640px) {} */

/* md */
@media (min-width: 768px) {
  
.newRelease{
  margin-top: 3.5rem;
}

.newRelease__banner{
position: relative;
background-image: url(/images/sneaker\ release.webp);
background-size: cover;
background-position: center;
filter: grayscale(100%);
min-width: 300px;
height: 35vh;
margin: 0 auto;
}

.newRelease__banner:hover{
filter: grayscale(0%);
}

.newRelease__text{
position: relative;
color: rgb(255, 135, 55);
text-align: center;
transform: translateY(-230%);
left: 0px;
height: 50%;
font-weight: 700;
font-size: var(--size-8xl);   
}

.newproduct__container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, auto));
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-evenly;
  align-items: center;
  margin-top: -4rem;
}
}

/* Lg */
@media (min-width: 1024px) {
  .newRelease__text{
    position: relative;
    color: rgb(255, 135, 55);
    text-align: center;
    transform: translateY(-175%);
    left: 0px;
    height: 50%;
    font-weight: 700;
    font-size: var(--size-8xl);   
    }
}

/* xL */
/* @media (min-width: 1288px) {} */

/* 2xL */
/* @media (min-width: 1536px) {}   */

