/* telefon.css: dawniej <link media="screen and (min-width: 1px) and (max-width: 720px)">, teraz importowany z app.js */
@media screen and (min-width: 1px) and (max-width: 720px) {
header #logo
{
    position: static;
    margin: 0px;
    display: inline-block;
    border: 0px;
    margin-bottom: 20px;
}

.hide_mobile
{
    display: none;
}

.show_mobile
{
    display: block;
}

h2.show_mobile
{
    padding-bottom: 20px;
}

header #logo img
{
    max-width: 90%;
}

#top_kontakt
{
    width: 100%;
    text-align: center;
}

#top_kontakt p
{
    display: block;
}

#szukaj
{
    width: 100%;
    float: none;
    padding: 20px 0px;
    clear: both;
    text-align: center;
}

#menu
{
    padding: 0px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#menu ul
{
    margin: 0px;
}

#menu li
{
    display: block;
}

#menu li a
{
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px;
}

#stopka span
{
    display: block;
    float: none !important;
    text-align: center;
}

#stopka span.left
{
    padding-bottom: 10px;
}

.maszyna img.img_main
{
    width: 100%;
    margin: 0px;
    float: none;
}

.maszyna ul
{
    float: none;
}

.maszyna span.wiecej
{
    position: static;
    display: block;
}

.maszyna h2
{
    text-align: center;
    padding-top: 10px;
    clear: both;
}

.maszyna ul
{
    margin: 20px;
}

#video_in
{
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

#video_out video,
#video_in img
{
    border-radius: 0;
}

#filtr
{
    padding: 10px 10px;
}

#filtr .choices__inner
{
    font-size: 13px;
}}