Add missing font-weights for Lato, and use that font-weight for bold and strong elements

src/App.vue

@@ -310,7 +310,7 @@
 </script>
 
 <style lang='scss'>
-	@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400|Montserrat');
+	@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i|Montserrat');
 	@import './assets/scss/variables.scss';
 	@import './assets/scss/elementStyles.scss';
 

src/assets/scss/elementStyles.scss

@@ -10,7 +10,7 @@ pre {
 }
 
 a {
-	font-weight: 500;
+	font-weight: 700;
 	color: $color__darkgray--darker;
 	position: relative;
 	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=) repeat-x 100% 100%;
@@ -35,8 +35,7 @@ blockquote {
 }
 
 b, strong {
-	font-weight: 500;
-	color: #000;
+	font-weight: 700;
 }
 
 .button {