@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:#222f46; line-height:130%; padding: 0 30px; } .nazwa { font-size:42px; font-weight:bold; color:#fff; background-color:#222f46; padding:30px 0; text-align:center; } .gwiazdka { font-size:13px; color:#222f46; text-align:center; } .nazwa2 { font-size:26px; font-weight:bold; color:#fff; background-color:#222f46; 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 : 600px) { #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; } }