.nadpis{
    padding-top: 4%;
}

.troskaTextu{
    text-align: center;
    color: brown;
    font-size: 110%;
    margin-bottom: 50px;
}

a{
    text-decoration: none;
    color: brown;
}
.groupka{
    display: flex;
    justify-content: center;
}

.obrazek1{
    padding-bottom: 10px;
    font-size: 110%;
    color: brown;
    background-color: antiquewhite;
    padding-right: 10px;
    padding-top: 10px;
    padding-left: 10px;
    margin-right: 1%;
}

.obrazek2{
    padding-bottom: 10px;
    font-size: 110%;
    color: brown;
    background-color: antiquewhite;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-right: 1%;
}

.obrazek3{
    padding-bottom: 10px;
    font-size: 110%;
    color: brown;
    background-color: antiquewhite;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

.groupka2{
    display: flex;
    margin-top: 3%;
    justify-content: center;
}

.obrazek4{
    padding-bottom: 10px;
    font-size: 110%;
    color: brown;
    background-color: antiquewhite;
    padding-right: 10px;
    padding-top: 10px;
    padding-left: 10px;
    margin-right: 1%;
}

.obrazek5{
    padding-bottom: 10px;
    font-size: 110%;
    color: brown;
    background-color: antiquewhite;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-right: 1%;
}

.obrazek6{
    padding-bottom: 10px;
    font-size: 110%;
    color: brown;
    background-color: antiquewhite;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-right: 1%;
}

@media screen and (max-width:900px){
    .nadpis{
        justify-content: center;
        width: 80%;
    }
    .groupka{
        display: block;
        justify-content: center;
    }
    
    .obrazek1{
        margin-left: 30%;
        margin-right: 40%;
        font-size: 110%;
        color: brown;
        background-image: url(pozadi.gif);
        padding: 0;
        margin-bottom: 5%;
        
    }
    
    .obrazek2{
        margin-left: 30%;
        margin-right: 40%;
        font-size: 110%;
        color: brown;
        background-image: url(pozadi.gif);
        padding: 0;
        margin-bottom: 5%;
    }
    
    .obrazek3{
        margin-left: 30%;
        margin-right: 40%;
        font-size: 110%;
        color: brown;
        background-image: url(pozadi.gif);
        padding: 0;
        margin-bottom: 5%;
    }
    
    .groupka2{
        display: block;
        margin-top: 3%;
        justify-content: center;
    }
    
    .obrazek4{
        margin-left: 30%;
        margin-right: 40%;
        font-size: 110%;
        color: brown;
        background-image: url(pozadi.gif);
        padding: 0;
        margin-bottom: 5%;
    }
    
    .obrazek5{
        margin-left: 30%;
        margin-right: 40%;
        font-size: 110%;
        color: brown;
        background-image: url(pozadi.gif);
        padding: 0;
        margin-bottom: 5%;
    }
    
    .obrazek6{
        margin-left: 30%;
        margin-right: 40%;
        font-size: 110%;
        color: brown;
        background-image: url(pozadi.gif);
        padding: 0;
        margin-bottom: 5%;
    }
}