As blue as the sky is

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Get started Portfolio
  <main class="e-face e-fullscreen sky">
     <header class="e-nav no-bg">
        <img src="https://bit.ly/2D7yayE" style="width:90px;height:auto;">
        <a class="e-btn anime small purple no-mobile"><i class="fab fa-facebook-f"></i></a>
        <a class="e-btn anime small sky no-mobile"><i class="fab fa-twitter"></i></a>
        <a class="e-btn anime small primary no-mobile"><i class="fab fa-linkedin-in"></i></a>
        <i class="e-distribution"></i>
        <a class="e-btn outlined plane primary">Portfolio</a>
     </header>
     <!-- Body -->
     <section class="face-body centered eUp">
          <div class="face-item">
             <h1 class="e-title">As blue as the sky is</h1>
             <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris aliquip consequatpariatur.</p>
             <a class="e-btn outlined plane primary plus">Get started</a>
             <a class="e-btn outlined plane primary plus">Portfolio</a>
          </div>
          <div class="face-item">
            <img src="https://bit.ly/2pj4yVo">
          </div>
     </section>
     <!-- Navegation -->
     <nav class="e-nav primary eUp">
        <label for="e-menu" class="e-btn fullwidth transparent no-desktop">
          More <i class="far fa-caret-square-down"></i>
        </label>
        <input type="checkbox" id="e-menu">
        <div class="e-menu narrow">
           <a class="e-menu-item">Home</a>
           <a class="e-menu-item">About</a>
           <a class="e-menu-item">Services</a>
           <a class="e-menu-item">Contacts</a>
        </div>
     </nav>
  </main>