Fix bold font issues

client/less/main.less

@@ -10,7 +10,8 @@ html,body,div,span,a,li,td,th {
 }
 
 bold {
-  font-weight: 500;
+  font-family: 'Lato-Bold', sans-serif;
+  font-weight: Bold;
 }
 
 li, .wrappable {

common/app/routes/Jobs/components/ShowJob.jsx

@@ -1,5 +1,5 @@
 import React, { PropTypes } from 'react';
-import { Row, Col, Thumbnail, Panel } from 'react-bootstrap';
+import { Well, Row, Col, Thumbnail, Panel } from 'react-bootstrap';
 
 const defaultImage =
   'https://s3.amazonaws.com/freecodecamp/camper-image-placeholder.png';
@@ -85,13 +85,18 @@ export default React.createClass({
                   <p>{ description }</p>
                 </Col>
               </Row>
+              <Well>
                 <Row>
                     <Col
                       md={ 6 }
                       mdOffset={ 3 }>
-                  <bold>How do I apply? </bold> { howToApply }
+                        <bold>How do I apply? </bold>
+                        <br />
+                        <br />
+                        { howToApply }
                     </Col>
                 </Row>
+              </Well>
             </Panel>
           </Col>
         </Row>

public/css/lato.css

@@ -7,3 +7,8 @@
   font-family: "Lato Light";
   src: url(/fonts/Lato-Light.ttf) format("truetype");
 }
+
+@font-face {
+  font-family: "Lato Bold";
+  src: url(/fonts/Lato-Bold.ttf) format("truetype");
+}