*{
    margin: 0;
    color: rgb(131, 107, 79);
}

p{
    color: rgb(131, 107, 79);
}

.text{
    text-align: center;
}

.obsah{
   
}

.nadpis {
    left: 50%;
    margin-top: 2%;   
}

.kytka1 {
    background-color: rgb(173, 171, 171);
    width: 11%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 30.5%;
    margin-top: 2%;
}

.kytka2 {
    background-color: rgb(173, 171, 171);
    width: 11%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 1%;
    margin-top: 2%;
}

.kytka3 {
    background-color: rgb(173, 171, 171);
    width: 11%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 1%;
    margin-top: 2%;
}

.kytka4 {
    background-color: rgb(173, 171, 171);
    width: 11%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 30.5%;
    margin-top: 2%;
}
     
.kytka5 {
    background-color: rgb(173, 171, 171);
    width: 11%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 1%;
    margin-top: 2%;
}
     
.kytka6 {
    background-color: rgb(173, 171, 171);
    width: 11%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 1%;
    margin-top: 2%;
}

@media screen and (max-width: 900px)
    {
.nadpis {
    width: 100%;
    margin-top: 2%;   
}
    
.kytka1 {
    background-color: rgb(173, 171, 171);
    width: 100%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 0.2%;
    margin-top: 2%;
}
    
.kytka2 {
    background-color: rgb(173, 171, 171);
    width: 100%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 0.2%;
    margin-top: 2%;
}
    
.kytka3 {
    background-color: rgb(173, 171, 171);
    width: 100%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 0.2%;
    margin-top: 2%;
}
    
.kytka4 {
    background-color: rgb(173, 171, 171);
    width: 100%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 0.2%;
    margin-top: 2%;
}
    
.kytka5 {
    background-color: rgb(173, 171, 171);
    width: 100%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 0.2%;
    margin-top: 2%
}
    
.kytka6 {
    background-color: rgb(173, 171, 171);
    width: 100%;
    height: 5%;
    float: left;
    padding: 0.5%;
    margin-left: 0.2%;
    margin-top: 2%
}
}