@media (900px >= width){
  .leftPanel{
    display:none;
  }
}
@media (900px <= width){
    .leftPanel{
        position:fixed;
        top:8vh;
        left:8vw;
        max-width: 50vw;
        min-width:  20vw;
        max-height: 30vh;
        width:auto;
        height:auto;
        z-index:10;
      }

      .item{
        text-transform: uppercase;
        text-align: center;
        font-size: 0.8rem;
        width:auto;
        height:auto;    
      }

      .item > div{
        padding-bottom:10px;
        vertical-align: middle;
        width:auto;
        
      }
      .item > a > img{
        height:auto;
        width:30%;
        transform:scale(1);
            
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;

        cursor:pointer;
      }
      .item > a >img:hover{
        height:auto;
        width:30%;
        transform:scale(1.3);
            
        
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

        .item:nth-child(1){
            /* background-image: url(../img/zdrowotne.png);
            background-repeat: no-repeat;
            background-position: 50%; */
            
            position:relative;
            left:100px;
        }
        .item:nth-child(2){
            /* background-image: url(../img/turystyczne.png);
            background-repeat: no-repeat;
            background-position: 50%; */
            position:relative;
            left:30px;
        }
        .item:nth-child(3){
            /* background-image: url(../img/zycie.png);
            background-repeat: no-repeat;
            background-position: 50%; */
            position:relative;
            left:10px;
        }
        .item:nth-child(4){
            /* background-image: url(../img/komunikacyjne.png);
            background-repeat: no-repeat;
            background-position: 50%; */
            position:relative;
            left:30px;
        }
        .item:nth-child(5){
            /* background-image: url(../img/majatkowe.png);
            background-repeat: no-repeat;
            background-position: 50%; */
            position:relative;
            left:100px;
        }

        .item:nth-child(6){
          /* background-image: url(../img/majatkowe.png);
          background-repeat: no-repeat;
          background-position: 50%; */
          position:relative;
          left:200px;
        }
}



@media (599px <= height){
  .leftPanel{
      position:fixed;
      top:8vh;
      left:8vw;
      max-width: 50vw;
      min-width:  20vw;
      max-height: 30vh;
      width:auto;
      height:auto;
      z-index:10;
    }

    .item{
      text-transform: uppercase;
      text-align: center;
      font-size: 0.8rem;
      width:auto;
      height:auto;    
    }

    .item > div{
      padding-bottom:10px;
      vertical-align: middle;
      width:auto;
      
    }
    .item > img{
      height:auto;
      width:30%;
      transform:scale(1);
          
      -webkit-transition: all 0.8s;
      -moz-transition: all 0.8s;
      -ms-transition: all 0.8s;
      -o-transition: all 0.8s;
      transition: all 0.8s;

    }
    .item > img:hover{
      height:auto;
      width:30%;
      transform:scale(1.3);
          
      
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

      .item:nth-child(1){
          /* background-image: url(../img/zdrowotne.png);
          background-repeat: no-repeat;
          background-position: 50%; */
          
          position:relative;
          left:100px;
      }
      .item:nth-child(2){
          /* background-image: url(../img/turystyczne.png);
          background-repeat: no-repeat;
          background-position: 50%; */
          position:relative;
          left:30px;
      }
      .item:nth-child(3){
          /* background-image: url(../img/zycie.png);
          background-repeat: no-repeat;
          background-position: 50%; */
          position:relative;
          left:10px;
      }
      .item:nth-child(4){
          /* background-image: url(../img/komunikacyjne.png);
          background-repeat: no-repeat;
          background-position: 50%; */
          position:relative;
          left:30px;
      }
      .item:nth-child(5){
          /* background-image: url(../img/majatkowe.png);
          background-repeat: no-repeat;
          background-position: 50%; */
          position:relative;
          left:100px;
      }
      .item:nth-child(6){
        /* background-image: url(../img/majatkowe.png);
        background-repeat: no-repeat;
        background-position: 50%; */
        position:relative;
        left:200px;
      }
    }
@media (600px >= height){
  .leftPanel{
    display:none;
  }
}