High Envelope

          
            <!-- Case Studies Title Section -->
            <div class="position-relative">
              <div class="container u-space-4-top u-space-3-bottom u-space-5-top--md u-space-4-bottom--md">
                <div class="w-md-80 w-lg-75 text-center mx-auto">
                  <h1 class="display-2 font-size-48--md-down text-primary font-weight-bold mb-4">High Envelope</h1>
                  <p class="lead mb-0">Your business envelope design cues consumers into the personality of your company.  Are you hip and trendy?  Elegant and sophisticated? Front design and paper selection says it all!</p>
                </div>
              </div>

              <!-- SVG Background Shapes -->
              <figure class="w-75 u-content-centered z-index-minus-1">
                <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                     x="0px" y="0px" viewBox="0 0 1506.3 578.7" style="enable-background:new 0 0 1506.3 578.7;" xml:space="preserve">
                  <path class="u-fill-warning" d="M45,91.6L45,91.6c-1.2-1.2-1.2-3.1,0-4.3l9.1-9.1c1.2-1.2,3.1-1.2,4.3,0h0c1.2,1.2,1.2,3.1,0,4.3l-9.1,9.1
                    C48.2,92.8,46.2,92.8,45,91.6z"/>
                  <path class="u-fill-warning" d="M58.4,91.6L58.4,91.6c-1.2,1.2-3.1,1.2-4.3,0L45,82.5c-1.2-1.2-1.2-3.1,0-4.3h0c1.2-1.2,3.1-1.2,4.3,0l9.1,9.1
                    C59.6,88.5,59.6,90.4,58.4,91.6z"/>
                  <path class="u-fill-info" d="M1041.3,403.1l5.1,19.1c0.7,2.6,4,3.5,5.9,1.6l14-14c1.9-1.9,1-5.2-1.6-5.9l-19.1-5.1
                    C1043,398,1040.5,400.4,1041.3,403.1z"/>
                  <path class="u-fill-success" d="M380.6,577.8l-12.2-12.2c-1.2-1.2-1.2-3.1,0-4.3l12.2-12.2c1.2-1.2,3.1-1.2,4.3,0l12.2,12.2
                    c1.2,1.2,1.2,3.1,0,4.3l-12.2,12.2C383.8,579,381.8,579,380.6,577.8z"/>
                  <circle class="u-fill-success" cx="1494.3" cy="353.5" r="12"/>
                  <path class="u-fill-danger" d="M992,21.5h-15.9c-1.5,0-2.8-1.3-2.8-2.8V2.8c0-1.5,1.3-2.8,2.8-2.8H992c1.5,0,2.8,1.3,2.8,2.8v15.9
                    C994.8,20.2,993.5,21.5,992,21.5z"/>
                  <path class="u-fill-primary" d="M19.3,310.2l-17,4.6c-2.3,0.6-3.1,3.6-1.4,5.3l12.4,12.4c1.7,1.7,4.7,0.9,5.3-1.4l4.6-17
                    C23.8,311.7,21.7,309.6,19.3,310.2z"/>
                  <circle class="u-fill-none u-stroke-white" stroke-width="3" stroke-miterlimit="10" cx="1236.8" cy="120" r="8.5"/>
                </svg>
              </figure>
              <!-- End SVG Background Shapes -->
            </div>
            <!-- End Case Studies Title Section -->