#obsah_p {
    position: relative;
    top: 50px;
    width: 100%;
    left: 0%;
    right: 0%;
}

.odkaz1 {
    text-decoration: none;
}

.odkazy {
    text-decoration: none;
    color: white;
}

@font-face {
    font-family: Calibri;
    src: url(font/calibri-regular.ttf);
}

@font-face {
    font-family: Verdana;
    src: url(font/verdana.ttf);
}

@media screen and (min-width: 0) and (max-width: 935px) {
    body {
        font-family: "Calibri";
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    #mobile {
        position: fixed;
        width: 100%;
        height: 45pt;
        top: 0;
        right: 0;
        left: 0;
        background-color: rgb(129, 129, 129);
        z-index: 100;
        box-shadow: 0pt 0pt 9pt #000;
    }
    #hiddenMainCheckbox {
        position: fixed;
        height: 45pt;
        width: 45pt;
        top: 0;
        right: 7pt;
        padding: 0;
        margin: 0;
        opacity: 0;
        z-index: 140;
    }
    #hiddenMainCheckbox:checked~#menupc {
        display: block;
    }
    .mobilemenu-img {
        position: fixed;
        top: 5pt;
        width: 35pt;
        height: 35pt;
        right: 12pt;
        z-index: 100;
    }
    #menupc {
        position: fixed;
        margin: 0pt;
        padding: 0pt;
        left: 0%;
        right: 0%;
        top: 45pt;
        bottom: 0%;
        height: 100%;
        width: 100%;
        display: none;
        z-index: 70;
    }
    .auto-slider {
        position: relative;
        display: inline-block;
        width: 106%;
        left: 0%;
        right: 0%;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: -3%;
        margin-right: -3%;
        padding: 0;
        overflow: hidden;
        top: 5pt;
        margin-bottom: 0pt;
    }
    @keyframes sliding {
        0% {
            left: 0%;
        }
        20% {
            left: -100%;
        }
        40% {
            left: -200%;
        }
        60% {
            left: -300%;
        }
        80% {
            left: -400%;
        }
        100% {
            left: 0%;
        }
    }
    @keyframes indicating {
        from {
            left: -100%;
        }
        to {
            left: 0;
        }
    }
    div#slider {
        overflow: hidden;
    }
    div#slider figure img {
        width: 20%;
        float: left;
    }
    div#slider figure {
        position: relative;
        width: 500%;
        margin: 0;
        left: 0;
        text-align: left;
        font-size: 0;
        animation: 25s sliding ease infinite;
    }
    #profile {
        position: relative;
        right: 0;
        width: 90px;
    }
}

@media screen and (min-width: 935px) {
    #hiddenMainCheckbox {
        display: none;
    }
    body {
        font-family: "Calibri";
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .mobilemenu-img {
        display: none;
    }
    .menupc {
        position: absolute;
        margin-top: 0pt;
        left: 0%;
        right: 0%;
        top: 0%;
        height: 35pt;
        width: 100%;
        display: block;
    }
    .obsah {
        position: fixed;
        display: block;
        bottom: 0pt;
        margin-top: 0pt;
        left: 0%;
        right: 0%;
        top: 35pt;
        width: 100%;
        height: calc(100% - 35pt);
        object-fit: fill;
        z-index: -1;
    }
    .auto-slider {
        position: relative;
        box-sizing: content-box;
        display: inline-block;
        width: 90%;
        left: 5%;
        right: 5%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        top: 12pt;
        margin-bottom: 11pt;
    }
    @keyframes sliding {
        0% {
            left: 0%;
        }
        20% {
            left: -100%;
        }
        40% {
            left: -200%;
        }
        60% {
            left: -300%;
        }
        80% {
            left: -400%;
        }
        100% {
            left: 0%;
        }
    }
    @keyframes indicating {
        from {
            left: -100%;
        }
        to {
            left: 0;
        }
    }
    div#slider {
        overflow: hidden;
    }
    div#slider figure img {
        width: 20%;
        float: left;
    }
    div#slider figure {
        position: relative;
        width: 500%;
        margin: 0;
        left: 0;
        text-align: left;
        font-size: 0;
        animation: 25s sliding ease infinite;
    }
    #profile {
        position: relative;
        right: -50%;
        width: 115px;
        top: 0pt;
    }
}