focus.css

@media (min-width: 1280px)  {
    a#job-link {
        right:150px;
        position: absolute;
    }
}

@media (max-width: 1020px)  {
  [data-title="focus"] H1 {
      margin-top: 0px;
  }


}


[data-title="focus"] H1 {
    font-family: Roboto;
    font-weight: lighter;
}

[data-title="focus"] H1 strong {
    //text-transform: uppercase;
}

.mdl-demo .mdl-layout__tab-panel:not(#overview) {
    background-color: rgba(245, 245, 245, 0.7);
}

.mdl-mega-footer {
    margin-top: 80px;
}

[data-focus='mascotte']{
   position: absolute;
   top: 10px;
   right: 79px;
   height: 179px;
}

[data-focus='mascotte'] img{
  height: 100%;
}


[data-section="focus-core"] header {
    background-image:  url('./images/focus-core.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

[data-section="focus-components"] header {
    background-image:  url('./images/focus-components.jpg');
    background-color: #E7E7CA !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 62%;
}

[data-section="focus-file"] header {
    background-image:  url('./images/focus-file.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="focus-notifications"] header {
    background-image:  url('./images/focus-notifications.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="focus-comments"] header {
    background-image:  url('./images/focus-comments.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="focus-help"] header {
    background-image:  url('./images/focus-help2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="focus-mobile"] header {
    background-image:  url('./images/focus-mobile.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="focus-blog"] header {
    background-image:  url('./images/focus-blog.png');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="vertigo-blog"] header {
    background-image:  url('./images/vertigo-blog.png');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="focus-docs"] header {
    background-image:  url('./images/focus-docs.png');
    background-size: cover;
    background-repeat: no-repeat;
}

[data-section="react"] header {
    background-image:  url('./images/react.png');
    background-color: #222 !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}


[data-section="mdl"] header {
    background-image:  url('./images/mdl.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

[data-section="developer-javascript"] header {
    background-image:  url('./images/developer-javascript.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}