 6 to 1 with 1 being the largest and 6 the least.</p>
  <hr class="hr">
  <div class="e-cols">
    <div class="e-col-12 e-alert no-shadow">
      Hi, I'm no-shadow
    </div>
    <hr class="hr">
    <div class="e-col-12 e-alert white shadow">
      Hi, I'm shadow
    </div>
    <hr class="hr">
    <div class="e-col-12 e-alert white shadow-6">
      Hi, I'm shadow-6
    </div>
    <hr class="hr">
    <div class="e-col-12 e-alert white shadow-5">
      Hi, I'm shadow-5
    </div>
    <hr class="hr">
    <div 