@media only screen and (max-width: 840px) {
    body {
        font-family: 'Technika-Regular';
        text-align: center;
        background-color: whitesmoke;
        background-image: url("page-background.png");
        height: 100%;
    }

    .topBlueBar {
        width: 100%;
        height: 70px;
        background-color: #002d56;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .header {
        font-family: 'Technika-Regular';
        position: absolute;
        top: 0px;
        left: 0;
        color: black;
        height: 70px;
        width: 100%;
        padding-top: 70px;
    }


    #anketaPlusLogoParent {
        position: absolute;
        width: 130px;
        height: 70px;
        left: 28px;
        top: 0px;
    }

    h2,
    h3 {
        text-align: center;
    }

    #Anketa {
        position: absolute;
        color: white;
        right: 0px;
        bottom: 22px;
        height: 30px;
        width: 100px;
        font-size: 25px;
    }

    .logo {
        position: absolute;
        bottom: 20px;
        left: 0px;
        height: 30px;
        width: 30px;
    }

    img {
        height: 30px;
        width: 30px;

    }

    .podleFakult {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 30%;
        left: 0px;
        display: block;
    }

    .podleKategorie {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 70%;
        left: 0px;
        display: block;
    }

    .podleFakult ul {
        list-style: none;
        margin-top: 2%;
    }

    .podleFakult ul li {
        background-color: #002d56;
        width: 170px;
        border: 1px solid #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        color: #fff;
        font-size: 14px;
        position: relative;
        font-family: 'Technika-Regular';
    }

    .podleFakult ul li:hover {
        background: grey;
    }

    .podleFakult ul ul {
        display: none;
        margin-left: 130px;
        top: -212.5px;
        position: absolute;
    }

    .podleFakult ul li:hover>ul {
        display: block;
    }

    .podleFakult ul ul ul {
        margin-left: -213px;
        top: -108.5px;
        position: absolute;
    }

    .posunUp {
        position: absolute;
        top: -104px;
    }

    .posunDown {
        position: absolute;
        top: 104px;
    }

    .podleKategorie ul {
        list-style: none;
        margin-top: 2%;
    }

    .podleKategorie ul li {
        background-color: #002d56;
        width: 170px;
        border: 1px solid #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        color: #fff;
        font-size: 14px;
        position: relative;
        font-family: 'Technika-Regular';
    }

    .podleKategorie ul li:hover {
        background: grey;
    }

    .podleKategorie ul ul {
        display: none;
        margin-left: 130px;
        top: -213px;
        position: absolute;
    }

    .podleKategorie ul li:hover>ul {
        display: block;
    }

    .podleKategorie ul ul ul {
        margin-left: -213px;
        top: -264px;
        position: absolute;
    }

    .posunUpPrirazeniVyuc2 {
        position: absolute;
        top: -104px;
    }

    .posunUpPrirazeniVyuc1 {
        position: absolute;
        top: -52px;
    }

    .posunDownOtazky {
        position: absolute;
        top: 104px;
    }

    .posunDownPredmety {
        position: absolute;
        top: 52px;
    }

    .footer {
        position: absolute;
        bottom: 1%;
        margin: auto;
        left: 0;
        right: 0;
    }

    @font-face {
        font-family: 'Technika-Regular';
        src: url('Technika-Regular.ttf')
    }
}

@media only screen and (min-width: 840px) {
    body {
        font-family: 'Technika-Regular';
        text-align: center;
        background-color: whitesmoke;
        background-image: url("page-background.png");
        height: 100%;
    }

    .header {
        font-family: 'Technika-Regular';
        background-color: #002d56;
        position: absolute;
        top: 0px;
        left: 0;
        padding-top: 0px;
        color: white;
        height: 70px;
        width: 100%;
        text-align: center;
    }


    #anketaPlusLogoParent {
        position: absolute;
        width: 130px;
        height: 70px;
        left: 28px;
        top: 0px;
    }

    h2,
    h3 {
        text-align: center;
    }

    #Anketa {
        position: absolute;
        color: white;
        right: 0px;
        bottom: 22px;
        height: 30px;
        width: 100px;
        font-size: 25px;
    }

    .logo {
        position: absolute;
        bottom: 20px;
        left: 0px;
        height: 30px;
        width: 30px;
    }

    img {
        height: 30px;
        width: 30px;

    }

    .podleFakult {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 30%;
        left: 25%;
        display: block;
    }

    .podleKategorie {
        width: 100px;
        margin: 0 auto;
        position: absolute;
        top: 60%;
        left: 25%;
        display: block;
    }

    .podleFakult ul {
        list-style: none;
        margin-top: 2%;
    }

    .podleFakult ul li {
        background-color: #002d56;
        width: 170px;
        border: 1px solid #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        color: #fff;
        font-size: 14px;
        position: relative;
        font-family: 'Technika-Regular';
    }

    .podleFakult ul li:hover {
        background: grey;
    }

    .podleFakult ul ul {
        display: none;
        margin-left: 130px;
        top: -108.5px;
        position: absolute;
    }

    .podleFakult ul li:hover>ul {
        display: block;
    }

    .podleFakult ul ul ul {
        margin-left: 130px;
        top: -108.5px;
        position: absolute;
    }

    .posunUp {
        position: absolute;
        top: -104px;
    }

    .posunDown {
        position: absolute;
        top: 104px;
    }

    .podleKategorie ul {
        list-style: none;
        margin-top: 2%;
    }

    .podleKategorie ul li {
        background-color: #002d56;
        width: 170px;
        border: 1px solid #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        color: #fff;
        font-size: 14px;
        position: relative;
        font-family: 'Technika-Regular';
    }

    .podleKategorie ul li:hover {
        background: grey;
    }

    .podleKategorie ul ul {
        display: none;
        margin-left: 130px;
        top: -108.5px;
        position: absolute;
    }

    .podleKategorie ul li:hover>ul {
        display: block;
    }

    .podleKategorie ul ul ul {
        margin-left: 130px;
        top: -316.5px;
        position: absolute;
    }

    .posunUpPrirazeniVyuc2 {
        position: absolute;
        top: -104px;
    }

    .posunUpPrirazeniVyuc1 {
        position: absolute;
        top: -52px;
    }

    .posunDownOtazky {
        position: absolute;
        top: 104px;
    }

    .posunDownPredmety {
        position: absolute;
        top: 52px;
    }






    .footer {
        position: absolute;
        top: 85%;
        margin: auto;
        left: 0;
        right: 0;
    }

    @font-face {
        font-family: 'Technika-Regular';
        src: url('Technika-Regular.ttf')
    }

}