/* by Creasant */
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 1.6em;
    line-height: 1.4;
  }
  
  
    .textarea_accordion-header .textarea_accordion-title {
        padding-left: 50px;
        padding-right: 20px;
        display: grid;
        grid-template-columns: auto 80px;
        grid-template-areas: '. a' '. a';
    }
    .textarea_accordion-header .textarea_accordion-title .textarea_accordion-courses {
        order: 0;
        width: 100%;
    }
    .textarea_accordion-header .textarea_accordion-title .textarea_accordion-name {
        order: 2;
        width: 100%;
        flex-grow: unset;
    }
    .textarea_accordion-header .textarea_accordion-title .textarea_accordion-credit {
        order: 1;
        width: 100%;
        text-align: center;
        grid-area: a;
    }
    .textarea_accordion-content .textarea_accordion-title {
        padding-left: 50px;
        padding-right: 20px;
        flex-flow: wrap;
    }
    .textarea_accordion-content .textarea_accordion-title .textarea_accordion-courses {
        order: 0;
        width: calc(100% - 80px);
    }
    .textarea_accordion-content .textarea_accordion-title .textarea_accordion-name {
        order: 2;
        width: calc(100% - 80px);
    }
    .textarea_accordion-content .textarea_accordion-title .textarea_accordion-credit {
        order: 1;
        width: 80px;
        text-align: right;
    }
    .textarea_accordion-content .textarea_accordion-content {
        padding-left: 50px;
        padding-right: 20px;
    }
}