@media (min-width:577px) and (max-width:767px){

.title-container h1{
  font-size: 1rem;
  background-color: #cb091e;
  color: #ffffff;
  margin: 0;
  
  
}


  
.title-container h1{
  font-size: 5rem;
  background-color: #cb091e;
  color: #ffffff;
  margin: 0;
  
  
}

.title-container-cover img{
  width: 100%;
  justify-content: center;
}

.product-container{
  grid-template-columns: repeat(3,1fr);
  padding-left: 1rem;
  padding-right: 1rem;
  gap: 1rem;
}

.product-container img{
  max-width: 100%;
}

.product-container h3{
  font-size: .8rem;
}

.product-container p{
  font-size: .8rem;
}
 
.product-container article{
  margin-top: 5rem;
  margin: 3rem;
}
 
select{
    width: 10rem;
    height: 2rem;
}

textarea{
    width: 15rem;
}

form  button{
    width: 10rem;
}

footer p {
    font-size: .6rem;
}

.payment{
    padding-bottom: 3rem;
}

.end p{
    font-size: .5rem;
}
}