.nadpis{
    background-color: lightgrey;
    padding: 10px;
}

.nadpis h1{
    padding-left: 3%;
}

.topmenu a{
    font-family: initial;
    font-size: larger;
    color: white;
    text-decoration: none;
    padding: 2%;
}

.topmenu{
    background-color: black;
    padding: 1%;
}

.topmenu :hover{
    color: green;
    transition: 1s;
}

.sidemenu li{
    list-style-type: none;
    font-size: medium;
}

.sidemenu{
    padding-left: 5%;
    float: left;
    padding-top: 5%;
}

.Obsah{
    width: 35%;
    position: relative;
    margin-left: 10%;
    float: left;
    padding-top: 2%;
}

.Dodatek{
    float: left;
    width: 20%;
    padding-left: 10%;
    padding-top: 2%;
}

.footer ul{
    background-color: lightgrey;
    margin-top: 35%;
    padding: 3%;
    text-align: right;
    position: relative;
}

@media screen and (max-width:900px){ 
    .nadpis{
        text-align: center;
        padding-left: 0%;
        background-color: lightgrey;
        padding: 1%;
        width: 98%;
    }
    .topmenu{
        text-align: center;
        margin: none;
        padding: none;
    }
    .Obsah{
        text-align: center;
        margin: none;
        padding: none;
        width: 80%;
    }
    .Dodatek{
        text-align: center;
        width: 80%;
        margin: none;
        padding: none;
    }
    .footer ul{
        text-align: center;
        position: relative;
        margin: none;
        padding: none;
    }
    .footer{
        float: left;
        width: 100%;
    }
}