body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  .input-placeholder::placeholder{
    color: #c7e3d5;
  }
  

.bg-gray{
    background-color: rgba(217, 213, 213, 0.182);
}

.wrapper{
    height: 100vh;
    width: 100%;
}

#product_not_found > .text-color{
    color: red;
    font-size: 18px;
}

footer {
    margin-top: auto;
  }

.img-banner{
  max-width: 50%;
  height: auto;
}

@media only screen and (max-width: 700px) {
  .img-banner{
    max-width: 80%;
    height: auto;
  }
  
}

@media only screen and (min-width: 1600px) {
  .img-banner{
    max-width: 40%;
    height: auto;
  }
  
}

.paragraph-instructions{
  width: 400px;
  height: auto;
  font-size: 1.5rem;
  
}