.subsections {
    display: flex;
    flex-wrap: wrap;


    margin-bottom: 20px !important;


}

.subsections__link {

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 5px 20px;

    border: 1px solid #decab6;
    border-radius: 5px;

    color: #6F5448;
    text-decoration: none;

    width: 100%;
    max-width: 340px;
    min-height: 56px;

    font-size: 16px;

    margin-left: 30px;
    text-align: center;
}

@media screen and (min-width: 568px) {
    .subsections__link {
        padding: 10px 20px;
        min-height: 63px;

        font-size: 18px;

        margin-bottom: 20px;
        margin-left: 20px;
        width: calc(50% - 40px);
    }
}

@media screen and (min-width: 768px) {
    .subsections__link {
        margin-bottom: 20px;
        margin-left: 20px;
        width: calc(33.3% - 30px);
    }

}

@media screen and (min-width: 1024px) {
    .subsections__link {
        margin-bottom: 20px;
        margin-left: 20px;

    }

}
@media screen and (min-width: 1380px) {
    .subsections__link {

        margin-bottom: 20px;

        margin-left: 20px;

        width: calc(25% - 20px);
    }
}

a.subsections__link:hover {
    background-color: #f3eee9;
}

.subsections__link.selected {
    font-weight: bold;
    background-color: #f3eee9;
    color: #6F5448;
}