@media (max-width: 1620px) {
  .arrow-play{top: 9vw}
}
@media (max-width: 1023px) {
  .header{
    background: linear-gradient(#ff7077 0%, #f8f184 60%, #f8f184 100%);
    text-align: center;
    border-bottom: 4px solid #686abe;
  }
  .social {
    flex-direction: column;
    align-items: center;
    margin: 10px auto 20px;
  }
  .followus{margin-bottom: 10px;}
  .arrow-social{display: none;}
  .social-icons img {width: 45%;}   
  .playwithus{ margin-left: 5%; width: 60%; }
  .play-block {margin: -40px auto -60px;}
  #thegame{   border-bottom: 4px solid #686abe;}
  .main-menu div { margin: 25px 20px;}
  .contact .name, .contact .email{width: calc(100% - 20px);}
  .contact > div > input, .contact > div > textarea{  margin: 20px;}
}