/*media screen */
@media screen and (min-width: 260px) {
    h1 {
      font-size: 0.8em;
    }
    h2.popis {
      font-size: 1em;
    }
    .logo {
      width: 50px;
      margin: 0;
    }
  }
  
  @media screen and (min-width: 460px) {
    h1, h2 {
      font-size: 1.5em;
    }
    header {
      justify-content: center;
    }
    .logo {
      width: 80px;
    }
  }
  
  @media screen and (min-width: 760px) {
    h1 {
      font-size: 1.8em;
    }
    h2.popis {
      font-size: 1.3em;
    }
    .logo {
      width: 150px;
    }
  }
  
  
  .social {
  position:fixed;
   /*left: 0;*/
   top: 200px;
   right:20px;
   /*bottom:230px;*/
   z-index: 2000;
   margin-left: 5px;
 }
 
 .social img{
     position:fixed;
     display: block;
     margin: 2em 0;
 }