@media only screen and (max-width: 950px) {

  .modal{
      left: 0;
  }
  .koment{
        left: 3%;
  }
  .koment-background{
    width: 300px;
    padding-right: 25px;
  }
  main, #nav, footer {
    width: 95%;
    background: white;
  }
  #nav{
    background-image: url(pliki/navBackground.gif);
  }
  #nav  h1{
   font-size: 30px;
  }
   #nav  input{
    width: 30%;
   }

  #prevBtn, #nextBtn
  {
    top: 200px;
  }
  #prevBtn img, #nextBtn img
  {
    height: 100px;

  }
  #nextBtn{
  left: 63%;
  }

  .opisCzyCoś {
    flex-direction: column;
    align-items: center;
  }
  .oNas {
  width: 100%;
  margin: 0;
  }
  .profil{
    margin-left: 5%;
    width: 100%;
  }
  .profil img{
    width: 50%;
  }
  .oNas div {
    padding: 20px;
    margin: 10px 0;
  }

  .Odtwarzacz {
    width: 100%;
    margin-left: 0;
  }

  .PobierzTERAZ {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .KoniecJestBlisko {
    flex-direction: column;
    align-items: center;
  }
  .naszSkład{
    position: relative;
    right: 20%;
    width: 300px;
  }
  .naszSkład h3
  {
    position: relative;
    left: 10%;
  }
  .naszSkład .Znajomi{
    width: 70%;
    gap: 0;
    margin: 0% auto;
    padding: 0;
    left: 0;
  }
  .Lyrics
  {
    top: 20px;
    position: relative;
    right:20%;
    
  }
}