Add responsive widths to content section

assets/css/style.css

@@ -488,7 +488,7 @@ body, body > section {
 body {
   font-family: 'robotoregular',Arial,Helvetica Neue,Helvetica,sans-serif;
   color: #212529;
-  line-height: 1.6;
+  line-height: 1.5;
   max-width: 1140px;
 }
 
@@ -584,3 +584,29 @@ td:first-child {
 #references table, #references th, #references td  {
   border: 0 none transparent;
 }
+
+@media (min-width: 576px) {
+  body > section {
+      max-width: initial;
+      width: 510px;
+  }
+}
+
+@media (min-width: 768px) {
+  body > section {
+      width: 690px;
+  }
+}
+
+@media (min-width: 992px) {
+  body > section {
+      width: 770px;
+  }
+}
+
+@media (min-width: 1200px) {
+  body > section {
+      max-width: initial;
+      width: 920px;
+  }
+}