/** 
 *  Media Queries
 */

@media all and (min-width: 2560px) {
    .width {
        max-width: 1400px;
    }
}

@media all and (max-width: 1600px) {
    body {
        font-size: 18px;
    }

    #nsMAPA img {
        width: 33vw;
    }
}

@media all and (max-width: 1480px) {

    body {
        font-size: 17px;
    }

    .width,
    .width-wide {
        padding-left: 5%;
        padding-right: 5%;
    }

    #nsSocial {
        right: 5%;
    }
}


@media all and (max-width: 1100px) {
    .width {
        width: 100%;
    }

    #header ul {
        font-size: 1.1em;
    }
}

@media all and (max-width: 1024px) {
    body {
        font-size: 14px;
    }

    img.logo {
        max-width: 30vw;
    }
}

@media all and (max-width: 980px) {

    #nsOdkazy {
        padding-left: 2em;
        padding-right: 2em;
    }

    #gridOdkazy {
        gap: 0 2em;
    }

    #nsIntroMotto .grid {
        grid-template-columns: 1.6fr 1fr;
    }

    #gridOdkazy .grid-3 {
        /* grid-template-columns: repeat(2, 1fr);*/
    }
}

@media all and (max-width: 768px) {

    #ns_article {
        padding: 1em;
    }
}

@media all and (max-width: 425px) {

    body {
        background-size: auto 50vh;
        background-position: top -5vh right -50vw;
    }

    .grid.grid-1-3 {
        display: block;
    }

    .grid.grid-1-3 .card {
        margin-bottom: 1em;
    }

    #nsIntroMotto .grid,
    #gridOdkazy.grid,
    #nsMAPA .grid {
        display: block;
    }

    #topMenu {
        position: inherit;
    }

    #nsSocial {
        top: 1em;
        right: 1em;
    }

    #mainHeader {
        margin-bottom: 1em;
    }

    #nsIntroPece {
        margin: 2em 0;
    }

    .big {
        font-size: 2em;
    }

    /** **/

    #ns_article {
        padding: 6px;
    }

    #leftSideArt {
        display: none;
        position: fixed;
    }

    .grid-article {
        display: block;
    }

    /** **/

    #nsListProvozovny {
        display: none;
    }

    #nsListProvozovny ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 6px;
        margin: 1em 0;
    }

    #nsListProvozovny li {
        margin: 0;
    }

    .article h1,
    .article h2,
    .article h3 {
        text-align: center;
    }
}