{% include "header" %}
<main class="np-main np-max-width np-page-container">
  <div class="np-hidden-mobile" id="learning-path-desktop">
    {% include "learning_path_desktop_view" %}
  </div>
  <div class="np-hidden-desktop" id="learning-path-mobile">
    {% include "learning_path_mobile_view" %}
  </div>
</main>
{% include "footer" %} 

<style>
  body{
    background: url('https://s3.amazonaws.com/static.northpass.com/skan_ai/background.png');
    background-size: cover;
  }

  .np-page-container{
    padding: 0 !important;
  }
  
  @media screen and (min-width: 768px){
    .np-page-container{
      margin: calc(3.75rem + 75px) auto 6.25rem;
    }
  }
</style>