h2 {
    width: 100%;
    font-size: 2em;
    background-color: #eee;
}

h3 {
    width: 100%;
    font-size: 1.5em;
}

.function {
    border-top: solid 1px #eee;
}

.function .container {
    display: flex;
}

.function .doc {
    width: 50%;
}

.function .doc p {
    text-indent: 1.5em;
}

.function .example {
    width: 50%;
    flex-grow: 2;
    flex-basis: auto;
    overflow-x: scroll;
}

.function .example code {
    border-radius: 5px;
    border: solid 1px #000;
}

@media all and (max-width: 800px) {
    .function .container {
        flex-direction: column;
    }

    .function .doc, .function .example {
        width: 100%;
    }
}