diff --git a/src/assets/scss/includes/_header.scss b/src/assets/scss/includes/_header.scss
index 0cb3abf..362c3bf 100644
--- a/src/assets/scss/includes/_header.scss
+++ b/src/assets/scss/includes/_header.scss
@@ -29,6 +29,7 @@
   margin-bottom: em(5px);
   height: em(40px);
   width: em(120px);
+
   @media (min-width: em(768px)) {
     margin: 0 em(30px) 0 0;
     height: em(60px);
@@ -48,6 +49,8 @@
       margin: 0 auto;
       height: em(40px);
       width: em(120px);
+      max-width: 100%;
+
       @media (min-width: em(768px)) {
         margin: 0;
         height: em(60px);
diff --git a/src/containers/Header.jsx b/src/containers/Header.jsx
index e9ea3ed..0589323 100644
--- a/src/containers/Header.jsx
+++ b/src/containers/Header.jsx
@@ -5,6 +5,7 @@ import cx from 'classnames';
 
 import clock from '../assets/images/icons/icon_clock.svg';
 import rocket from '../assets/images/icons/icon_rocket.svg';
+import logo from '../assets/images/logo_eleven_codelabs.png';
 
 const mapStateToProps = ({
   currentCourse,
@@ -34,7 +35,9 @@ export class Header extends React.Component {
       <header className={headerClasses}>
         <div className="container site-header__content">
           <div className="branding">
-            <a href="/" className="branding__content" />
+            <a href="/" className="branding__content">
+              <img className="branding__image" alt="Eleven Codelabs" src={logo} />
+            </a>
           </div>
 
           <div className="course-header">