{#

Element ID: Element16
Element Name: Hero Demo

#}

<div class="hero-demo hide-mobile">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <h1 class="hero-demo__title h1">{{element.desktop_title}}</h1>
          <p class="hero-demo__text h3">{{element.desktop_text}}</p>
        </div>
      </div>
    </div>
  </div>

  <div class="hero-demo hide-desktop">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <h1 class="hero-demo__title h1">{{element.mobile_title}}</h1>
          <p class="hero-demo__text h3">{{element.mobile_text}}</p>
        </div>
      </div>
    </div>
  </div>