@media (min-width: 1024px) {
  h1 {
    text-align: center;
  }

  .title-div h1{
    margin-top: 30px;
  }

  .main-grid-container {
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr; */
    column-gap: 30px;
    padding: 5vw;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
  }

  .content-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
  }

  .content-4,
  .content-5 {
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .content-4 form,
  .content-2 form,
  .content-1 form{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
  }

  .content-5 form,
  .content-5 .delivery,
  .order-form .delivery{
    width: 750px;
  }

  /* .content-3,
  .content-1 {
    margin-top: 90px;
  } */

  .content-2{
    margin-top: 0px;
  }

  .valid{
    border: 1px solid #00b742;
  }
  
  .invalid{
    border: 1px solid red;
  }

  .error-message{
    color: #dc3232;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 10px;
  }
}