.media-container-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}

        pre 
        {
            background: #f4f4f4;
            padding: 10px 24px;
            white-space: pre-wrap;
        }

        pre code {
            font-size: small;
            color: inherit;
            word-break: normal;
        }

        .heding
        {
            font-size: xx-large;font-weight: 600;color: #007bff;
        }