.bask-html-content div.content, .bask-html-content div.modal-content {
    padding: 10px;
}

.bask-html-content table {
    border-spacing: 2px;
    border-collapse: collapse;
    margin: 20px auto;
    text-align: left;
}

.bask-html-content h1,
h1.bask-html-content__title {
    padding: 32px;
    background: var(--extra-light-gray);
    background-repeat: no-repeat;
    background-position: 20px center;
    font-size: 30px;
    line-height: 1.1em;
    margin-top: 0;
}

.bask-html-title-aligned-content {
    padding: 0px 32px; 
    margin-top: 32px
}

.bask-html-content h1.unstyled {
    padding: 0;
    background: inherit;
    font-size: 38px;
    line-height: 1.1em;
    margin-top: inherit;
}

.bask-html-content h2{
    margin-top: 0px;
}



.bask-html-content p {
    font-weight: 500;
}

.bask-html-content table td,
.bask-html-content table th {
    border: 1px solid gray;
    padding: 10px;
}

@media (max-width: 576px) {
    .bask-html-content table td,
    .bask-html-content table th {
        padding: 5px;
        font-size: 10px;
    }
}

/* desktop */
@media screen and (min-width: 768px) {
    .bask-html-content div.content {
        padding: 10px 10%;
    }   

    .bask-html-title-aligned-content {
        padding: 0px 100px;
        margin-top: 56px
    }

    .bask-html-content h1,
    h1.bask-html-content__title {
        padding-top: 56px;
        padding-left: 100px;
        padding-bottom: 56px;
        background-position: 60px center;
        font-size: 40px;
        margin-bottom: 56px; 
    }

    .bask-html-content h2{
        margin-top: 0px;
    }
}

@media screen and (min-width: 937px) {
    .bask-html-title-aligned-content {
        padding: 0px 144px;
    }
}