.note {
    background-color: @bg_gray;
    padding: 1em;
    padding-left: -40px; /* 40px is the amount of indentation per ol level
                            This makes notes look flush with their parent */
    h4 {
      margin-top: 0;
    }
}
.footnote-box {
    background-color: @bg_gray;
    padding: 1.5em;
    margin-left: 20px;

    h5 {
      margin-top: 0;
      font-family: "Lato Bold";
    }

    .footnotes {
      border: none;

        li {
            border: none;

            p {
                margin: 0 0 1em 1.5em;
            }
        }
    }
}

.note {
    background-color: @bg_gray;
    padding: 1em;
    padding-left: -40px; /* 40px is the amount of indentation per ol level
                            This makes notes look flush with their parent */
    h4 {
      margin-top: 0;
    }
}
.footnote-box {
    background-color: @bg_gray;
    padding: 1.5em;
    margin-left: 20px;

    h5 {
      margin-top: 0;
      .font-bold;
    }

    .footnotes {
      border: none;

        li {
            border: none;

            p {
                line-height: 1.65em;
                margin: 0 0 1em 1.5em;
            }
        }
    }
}

Use font mixin and adjust line height
Use font mixin and adjust line height
