@media (max-width:360px){


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


.product-container{
  grid-template-columns: repeat(2,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;
}



 
select{
    width: 10rem;
}

textarea{
    width: 15rem;
}

form  button{
    width: 10rem;
}

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

.payment{
    padding-bottom: 3rem;
}

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