@media only screen and (max-width: 800px)
{
    .row
    {
        max-width: 800px;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .separator
    {
        font-size: 30px;
        padding-top: 40px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }


    /* HEADER */


    header nav ul li
    {
        width: 84px;
        font-size: small;
    }

    .head-logo img
    {
        height: 120px;
    }

    .head-nadpis h1
    {
        font-size: 28px;
        margin-left: 140px;
    }

    .head-motto h6
    {
        font-size: 18px;
        position: absolute;
        right: 5%;
        bottom: 10%;
    }


    /* MAIN */


    main p
    {
        font-size: small;
    }

    main h2 a
    {
        font-size: 24px;
    }

    main .ikona
    {
        margin-top: 25px;
    }

    main .popis
    {
        margin-top: 0px;
    }

    main .popis h2
    {
        margin-left: 20px;
    }

    main .popis p
    {
        margin-left: 20px;
    }

    /* FOOTER */


    footer .kontakt p,
    footer .kontakt a
    {
        font-size: small;
    }

    footer .kontakt h2
    {
        font-size: medium;
    }

    .copy
    {
        font-size: small;
        padding-bottom: 30px;
    }
}