<div class="about_top_banner">
  <div class="banner_wrapper lazyload" style="{% if section.settings.main_banner != blank %}background-image: url({{ section.settings.main_banner | img_url: '1920x' }});{% endif %}">
    <h1>{{ page.title }}</h1>
    {% if section.settings.sub_title != blank %}
    	<p>{{ section.settings.sub_title }}</p>
    {% endif %}
  </div>
</div>

{% schema %}
  {
    "name": "Banner sobre",
    "settings": [
	{
		"type": "image_picker",
		"id": "main_banner",
		"label": "Imagem"
	},
	{
		"type": "text",
		"id": "sub_title",
		"label": "Subtítulo"
	}
	]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}
