@media screen and (max-width: 1024px) {
  .logo{
    display: none;
  }
  .logo-mobile{
    display: initial;
  }
  .wrap{
    flex-direction: column;
    justify-content: center;
  }
  .wrap-logo{
    text-align: center;
  }
  .menu{
    margin-top: 12px;
  }
  .menu-border{
    width: 100%;  
    text-align: center;
    padding: 8px;
    margin: initial;
  }
  .menu a{
    white-space: nowrap;
  }
  .section h1{
    max-width:85%;
  }
  .hero-content{
    background-position-x: 60px;
    background-position-y: 50px;
    background-color: rgb(248,245,76);
    background-color: linear-gradient(180deg, rgba(248,245,76,1) 0%, rgba(250,241,78,1) 100%); 
    background-image: url("/img/cake.jpg");
  }

  .pcard{
    flex-direction: column;
    max-height: unset;
  }

  .pimage{
    max-height: 200px;
  }

  .pimage img{
    border-radius: 7px 7px 0 0;
  }

  .pplabel{
    margin-bottom: 12px;
  }

  .cookies{
    object-position: 0px -15px;
  }
  
}