Initiative: Longtext

<div class="header_overlay"></div>

<div class="header_placeholder"></div>

<div class="row header">
    <div class="columns background show-for-large"></div>
    <div class="logo_bar show-for-large"></div>
    <div class="columns small-12 large-4">
        <a href="https://usi.ch">
            <div class="row columns small-12 logo_bar_mobile"></div>
            <div class="row">
                <div class="columns small-10 large-6 large-push-6 logo_element logo_text">
                    <div class="inner">
                        <span class="usi_word">Università</span>
                        <span class="usi_word">della</span>
                        <span class="usi_word">Svizzera</span>
                        <span class="usi_word">italiana</span>
                    </div>
                </div>
                <div class="columns small-2 large-6 large-pull-6 logo_element logo_img">
                    <img src="/assets/base/img/bollino-usi.svg">
                </div>
            </div>
        </a>
    </div>
    <div class="columns small-offset-2 large-6 service-menu">
        <div class="row">
            <div class="columns large-4 show-for-large">
                <ul class="no-style">
                    <li><a href="#">Italiano</a></li>
                    <li><a href="#">English</a></li>
                </ul>
            </div>
            <div id="2ndcolumn" class="columns large-4 show-for-large">
                <ul class="no-style">
                    <li><a href="http://emilia.biz">Directory</a></li>
                    <li><a href="https://lizeth.name">Info Desk</a></li>
                </ul>
            </div>
            <input type="checkbox" class="hide" name="" id="target_menu">
            <div class="columns large-4 bg_white_medium_down target_menu offcanvas_panel_medium_down from_top controlled_by_input">
                <ul class="no-style">
                    <li><a href="https://schuyler.com">Prospective students</a></li>
                    <li><a href="https://dolly.com">Students</a></li>
                    <li><a href="https://reggie.net">Alumni</a></li>
                    <li><a href="https://freda.org">Academic staff</a></li>
                    <li><a href="http://blair.info">Media</a></li>
                    <li><a href="https://jerrell.biz">Companies</a></li>
                </ul>
            </div>
            <div class="shade"></div>
        </div>
    </div>
</div>

<div class="header_sub">
    <div class="columns">
        <div class="header_sub_line"></div>
    </div>
    <div class="row">
        <div class="columns small-12 large-6 small-offset-2 header_sub_title long_text">
            USI Initiative
        </div>
    </div>
    <div class="row">
        <div class="columns small-12 large-10 small-offset-2 header_sub_text">
            Tempora omnis possimus expedita qui voluptate architecto sit porro.
        </div>
    </div>
</div>