textarea
{
    min-height : 400px ;
}

.illustrationChapters
{
    max-width: 100%;
    max-height: 500px;
}

@media(max-width:767px) 
{
    table, thead, tbody, tr, th, td
    {
        display: block !important;
    }

    thead
    {
        display: none !important;
    }
    
    td{
        padding: 5px 5px 5px 150px !important;
        position: relative;
        min-height: 2rem;
    }

    td::before {
        padding-left: 10px;
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        width: 130px;
        bottom: 0;
        display: flex;
        align-items: center;
        font-weight: bold;
    }
    
    tr
    {
        margin-bottom: 1rem;
    }

    table
    {
        margin-bottom: 3rem !important;
    }
}