/* CSS Document */
        
        body {
            margin: 0;
            font-family: mujfontik;
        }
        
        @font-face {
            font-family: mujfontik;
            src: url("Roboto-Regular.ttf");
        }
        
        a {
            color: inherit !important;
            text-decoration: none;
        }
        
        #banner {
            background-image: url(DSC_0019.JPG);
            background-size: cover;
            width: 100%;
            height: 480px;
        }
        
        #banner-fixed {
            padding: 10px;
        }
        
        .container {
            width: 100%;
            margin: 0 auto;
        }
        
        ul li {
            display: inline;
            text-align: center;
            overflow: hidden;
        }
        
        #right {
            text-align: center;
            width: 50%;
            margin: 0 auto;
            white-space: nowrap;
        }
        
        #right a {
            display: inline-block;
            width: 24%;
            padding: .75rem 0;
            margin: 0 auto;
            text-decoration: none;
            color: #333;
        }
        
        .two:hover~hr {
            margin-left: 25%;
        }
        
        .three:hover~hr {
            margin-left: 50%;
        }
        
        .four:hover~hr {
            margin-left: 75%;
        }
        
        hr {
            height: .25rem;
            width: 25%;
            margin: 0;
            background: #f7941e;
            border: none;
            transition: .3s ease-in-out;
        }
        
        #prispevky-fixed {
            padding: 10px;
            text-align: center;
        }
        
        #prispevky-fixed div {
            display: inline-block;
            overflow: hidden;
        }
        
        div.img {
            margin: 5px;
            border: 1px solid #ccc;
            margin: 10 auto;
            float: middle;
            overflow: hidden;
            width: 500;
        }
        
        div.img img {
            width: 100%;
            height: auto;
        }
        
        div.desc {
            padding: 15px;
            text-align: center;
            min-height: 15px;
        }
        
        #nadpis {
            width: 100%;
            text-align: center;
            line-height: 370px;
            white-space: nowrap;
            font-size: 80;
        }
        
        #prispevky a:hover {
            text-decoration: underline;
        }
        
        #social-site img {
            width: 30;
            padding: 0 5
        }
        
        #social-site {
            position: absolute;
            top: 10;
            right: 10;
        }
        
        #footer {
            width: 100%;
            background-color: #f7941e;
            color: white;
        }
        
        #footer-fixed {
            padding: 10px;
            text-align: center;
        }
        
        #footer-fixed a:hover {
            text-decoration: underline;
        }
        
        @media only screen and (max-width: 860px) {
            #right {
                width: 80%;
            }
        }
        
        @media only screen and (max-width: 590px) {
            #right {
                width: 100%;
            }
            #nadpis {
                font-size: 100;
                white-space: normal;
                line-height: normal;
                top: 50px;
            }
        }
        
        @media only screen and (max-device-width: 860px) {
            #right {
                width: 80%;
            }
        }
        
        @media only screen and (max-device-width: 590px) {
            #right {
                width: 100%;
            }
            #nadpis {
                font-size: 150;
                white-space: normal;
                line-height: normal;
                padding-top: 120px;
                padding-bottom: 40px;
            }
            li {
                font-size: 45;
            }
            #banner {
                height: 650px;
            }
            #social-site img {
                width: 80;
                padding: 15 40;
                float: middle;
            }
            #social-site {
                width: 100%;
                text-align: center;
                position: absolute;
                top: 0;
                right: 0;
                height: 110;
                background-color: #f7941e;
            }
            #social-site div {
                display: inline-block;
                overflow: hidden;
            }
            hr {
                height: .60rem;
            }
            div.img {
                width: 90%;
            }
            #prispevky-fixed {
                padding: 25px 10px;
                font-size: 50;
            }
            #footer {
                font-size: 50;
            }
        }