Info Overlay

<aside class="info-overlay info-open">
    <a href="#" class="open-btn"><span class="icon"></span>Spørsmål til søking eller studiet?</a>
    <a href="#" class="close-btn">Lukk</a>
    <div class="info-copy grid-two">
        <div class="inner-row">
            <div class="grid-item">
                <h2 class="h4">For spørsmål om opptak:</h2>
                <ul class="list-icons">
                    <li><a href="http://testlenke.no" class="icon-phone">Studentsørvis</a></li>
                    <li><a href="http://testlenke.no" class="icon-phone">70 07 50 18</a></li>
                    <li><a href="http://testlenke.no" class="icon-envelope">kontakt@hivolda.no</a></li>
                </ul>
            </div>
            <div class="grid-item">
                <h2 class="h4">For faglege spørsmål:</h2>
                <ul class="list-icons">
                    <li><a href="http://testlenke.no" class="icon-phone">Trond Kaareng Johansen</a></li>
                    <li><a href="http://testlenke.no" class="icon-phone">70 07 50 18</a></li>
                    <li><a href="http://testlenke.no" class="icon-envelope">kontakt@hivolda.no</a></li>
                </ul>
            </div>
        </div>
    </div>
</aside>