.clanky2
{
    padding: 50px 5%;
    gap: 60px;
    
    display: flex;
    flex-direction: column;
}

.clanky2 article
{
    display: flex;
    flex-direction: column
}

.clanky2 article div
{
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: flex-start;
}

.clanky2 article div div
{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

main img
{
    width: 500px;
    border: solid 2px #593F32;
    padding: 10px;
}

.suda div img
{
    order: 1;
}

details {color: #362319;}

h2
{
    font-size: 35px;
    color: #362319;
}

p {font-size: 20px; color: #362319;}

#mainP
{
    padding-top: 10px;
    border-top: 2px solid #593F32;
}

@media (min-width: 900px)
{
    .licha h2 {text-align: right;}
}

@media (max-width: 900px)
{
    main img {display: none;}

    .clanky2 {gap: 100px;}
}