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

    .main {
        width: 1000px;
    }

    section.footer .footer_info #formst {
        font-size: 24px;
    }


}


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

    .main {
        width: 800px;
    }

    section.footer .footer_info #formst {
        font-size: 18px;
    }

    header #logoBox {
        background-image:none;
    }

    header #headerPP a img {
        margin-right: 5px;
    }
}


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

    .main {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }
    section.content .main {
        padding-right: 10px;
        padding-left: 10px;
    }

    header {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    header #head1 {
        width: 100%;
    }


    header #logoBox {
        width:100px;
    }

    header #headerPP {
        flex-wrap: wrap;
        width: 70%;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-bottom: 10px;
    }

    header #headerPP a:first-child,
    header #headerPP a:last-child {
        margin-right: 0;
    }

    header #headerPP span {
        display: block;
        width: 100%;
        border-top: solid 2px #000;
        border-right: none;
        margin: 0;
        height: auto;

    }


    nav#menu {
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .subMenu nav {
        flex-wrap: wrap;
    }


    section.footer .footer_info {
        height: auto;
        padding: 80px 0 80px 0;
        flex-direction: column;
    }

    section.footer .footer_info #formst {
        text-align: center;
        display: block;
    }

    section.footer .footer_info #kontaktst {
        margin-left: 0;
        margin-top: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lvSlajd {
        background-position: left;
    }


    .subMenu nav a {
        display: block;
        width:100%;
        border-left: solid 2px #000;
        padding-left: 10px;
        margin-bottom: 3px;
    }

    header #logoBox {
        height: auto;
    }

    #kup_dostep {
        position: relative;
        float:right;
        width:100%;
        clip-path: none;
        text-align: center;
        margin-bottom: 5px;
    }

    header #logoBox {
        top: 35px;
    }

}

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

    section.footer .footer_info #formst {
        font-size: 16px;
    }

    footer {
        position: relative;
        z-index:2;
        flex-direction: column;
        text-align: center;
    }

    .opis_animki {
        width:100%;
    }

}

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



}