Margin note added to my css and an example added to the About Me post.

assets/css/extended/custom.css

@@ -1,9 +1,11 @@
+.marginnote,
 .sidenote {
     font-size: 80%;
     position: relative;
 }
 /* Wide viewport */
-@media (min-width: 960px) {
+@media (min-width: 1080px) {
+    .marginnote,
     .sidenote {
         float: right;
         clear: right;
@@ -17,14 +19,15 @@
 }
 
 /* Narrow viewport */
-@media (max-width: 960px) {
+@media (max-width: 1080px) {
+    .marginnote,
     .sidenote {
         float: right;
         text-align: left;
 
         width: 100%;
         margin: 1rem 0;
-        padding-left: 15%;
+        padding-left: 7.5%;
     }
 }