@media (orientation: portrait) {
    #page {
        max-width: unset;
        width: 100%;
    }

    #header {
        height: 4em;
        background-size: 16em;
    }
    #header p.title {
        font-size: 1.5em;
        padding-top: 0;
        margin: 0 1em;
    }

    #menu ul {
        flex-direction: column;
    }
    #menu ul li {
        width: 100%;
        height: unset;
    }
    #menu ul li a {
        font-size: 2em;
    }

    #content #left-bar {
        width: 100%;
        padding: 0 32px 32px;
    }
    #content #left-bar.logo-only {
        display: none;
    }
    #content #left-bar #logo {
    display: none;
    }
    #content #left-bar #left-frame ul li {
        font-size: 2em;
    }

    #content #content-inner.with-left-bar {
        padding-left: 2.3%;
    }

    #content-inner div.decoration.TODO {
        width: 30%;
        height: unset;
    }

    #content #content-inner p {
        font-size: 0.7em;
    }

    #content #content-inner div.card {
        width: 758px;
        min-height: 210px;
        padding: 0 0 0 56px;
    }
    #content #content-inner div.card div.photo,
    #content #content-inner div.card div.photo img {
        width: 133px;
        height: 200px;
    }
    #content #content-inner div.card div.card_frame {
        padding: 32px 32px 32px 107px;
        width: 507px;
        /*min-height: 187px;*/
        top: 20px;
        left: -107px;
    }
    #content #content-inner div.card div.card_frame div.card_content {
        min-height: 123px;
    }

    #content.udalosti #content-inner div.event-gallery a {
        height: 220px;
    }
    #content.udalosti #content-inner div.event-gallery a img {
        width: 228px;
        height: 220px;
    }

    #content.schedules #content-inner div.schedule {
    }
    #content.schedules #content-inner div.schedule th {
    }

    #footer {
        background-repeat: repeat-x;
        height: 122px;
        margin-bottom: 5em;
    }
    #footer.home {
        background-image: url("/resources/1600/footer/pruh-home.jpg");
    }
    #footer.kontakty {
        background-image: url("/resources/1600/footer/pruh-kontakty.jpg");
    }
    #footer.obory {
        background-image: url("/resources/1600/footer/pruh-obory.jpg");
    }
    #footer.obcasnik {
        background-image: url("/resources/1600/footer/pruh-obcasnik.jpg");
    }
    #footer.skola {
        background-image: url("/resources/1600/footer/pruh-skola.jpg");
    }
    #footer.udalosti {
        background-image: url("/resources/1600/footer/pruh-udalosti.jpg");
    }
    #footer div {
        margin-top: 122px;
        font-size: 28px;
    }
}