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





	#infob h1{
        font-size: 56px;
        line-height: 56px;
        margin: 0 0 20px 0;
        }
        
        #infob h2{
        font-size: 18px;
        line-height: 20px;
        }
        
        #infob h3{
        display: none;
        
        }
        
            .infoblok{
        font-size: 18px;
        margin-top: 20px;
        }


        .langid{
            
            width: 28px;
            height: 28px;
           line-height: 27px;
            font-size: 10px;
            }



            #langid-de{
                right: 165px;
                }
                #langid-en{
                right: 125px;
                }
                #langid-pl{
                right: 85px;
                }


                .infb{
                    width: 50%;
                    font-size: 14px;
                    min-height: 260px;
                    margin-top: 20px;
                    
                    }

                    h1{
                        font-size: 36px;
                        line-height: 32px;
                        margin: 20px 0 40px 0;
                    
                        }
                        
                        h2{
                    
                        font-size: 20px;
                        margin: 0 0 15px 0;
                        }
      
                        


#advantages li{
width: 100%;
float: none;
margin: 20px 0;
min-height: auto;
clear: both;
}


#advantages ul li b{
    margin-top: 20px;
    margin-bottom: 10px;
    }
    #advantages li span{
margin-top: 20px;
    }


    #film{
         padding: 20px 0;

        }






        .compn{
            height: 380px;
            }
            
            
            
            .compn > div{
            width: 100%;
            height: 260px;
            
            }
            
            .compn > div img{
                    height: 220px;
            }
            



            .flay{

                height:160px;
                background: #FFF url('../img/pdf-icon.png') no-repeat center 20px;
                background-size: 30px 38px;
                font-size: 11px;
                padding-top: 70px;
                
                }
        


}




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





	#infob h1{
        font-size: 48px;
        line-height: 48px;
        margin: 0 0 15px 0;
        }
        
        #infob h2{
        font-size: 16px;
        line-height: 18px;
        }
        
 
        
            .infoblok{
        font-size: 16px;
        margin-top: 15px;
        }



        #logo{
            width: 140px;
            height: 60px;
            }
        



            .langid{
            
                width: 25px;
                height: 25px;
               line-height: 25px;
                font-size: 12px;
                border: 0;
                }
    
    
    
                #langid-de{
                    right: 145px;
                    }
                    #langid-en{
                    right: 115px;
                    }
                    #langid-pl{
                    right: 85px;
                    }


 .langid:hover{
color: #bb423f;
border: 0;
}
.lon:hover{
color: #fff;
border: 0;
}

    
h1{
    font-size: 34px;
    line-height: 32px;
    margin: 20px 0 40px 0;

    }
    
    h2{

    font-size: 19px;
    margin: 0 0 15px 0;
    }


}