@charset "utf-8";
    @import url('https://fonts.googleapis.com/css?family=Lato');
    body,
    table,
    tr,
    td {
        margin: 0;
        padding: 0;
    }
    
    #rich_liebherr {
        width: 100%;
        background-color: #fff;
        margin: 0 auto;
        padding: 0 0 10px 0;
        font-family: Lato, Arial;
        font-size: 15px;
        line-height: 150%;
        color: #000;
    }
    
    #rich_liebherr #top_lh img {
        padding: 0;
        border: 0;
        width: 100%;
        height: auto;
    }
    
    #film_lh {
        text-align: center;
    }
    
    .kontener_film {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    
    .video_lh {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    #zdjęcia_lewa {
        float: left;
        width: 50%;
    }
    
    #zdjęcia_prawa {
        float: right;
        width: 50%;
        text-align: right;
    }
    
    #zdjęcia_lewa img,
    #zdjęcia_prawa img {
        width: 100%;
    }
    
    #cecha_opis_lewa {
        width: 49%;
        float: left;
        color: #000;
        margin: 20px 0 0 0;
    }
    
    #cecha_opis_prawa {
        width: 49%;
        float: right;
        color: #000;
        margin: 20px 0 0 0;
    }
    
    .cecha_nazwa {
        font-size: 26px;
        color: #304A69;
        line-height: 130%;
        padding: 0 30px;
    }
    
    .nazwa {
        font-size: 42px;
        font-weight: bold;
        color: #fff;
        background-color: #304A69;
        padding: 30px 0;
        text-align: center;
    }
    
    .gwiazdka {
        font-size: 13px;
        color: #304A69;
        text-align: center;
    }
    
    .nazwa2 {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        background-color: #304A69;
        padding: 30px 0;
        text-align: center;
        line-height: 130%;
    }
    
    #rich_liebherr #top_lh .desktop {
        display: block;
    }
    
    #rich_liebherr #top_lh .mobile {
        display: none;
    }
    
    @media all and (max-width: 1000px) {
        #rich_liebherr #top_lh .desktop {
            display: none;
        }
        #rich_liebherr #top_lh .mobile {
            display: block;
        }
        #top_lh,
        #cechy {
            margin-bottom: 40px!important;
        }
        #cecha_opis_lewa {
            width: 100%;
            float: none;
            margin: 20px 0 0 0;
        }
        #cecha_opis_prawa {
            width: 100%;
            float: none;
            margin: 20px 0 0 0;
        }
        #zdjęcia_lewa {
            float: none;
            width: 100%;
        }
        #zdjęcia_prawa {
            float: none;
            width: 100%;
            text-align: right;
        }
    }