Event Page: Boxes

<div class="news_page">
    <div class="row small-up-1 medium-up-2">
        <div class="column">
            <div class="row news news_h">
                <a href="#">
                    <div class="column medium-6">
                        <div class="gmfilter_container">
                            <div class="gmfilter A">
                                <img src="http://images.staging7.usi.ch/random.php?seed=8" faculty="A">
                            </div>
                        </div>
                    </div>
                    <div class="column medium-6">
                        <h3>voluptatem quidem veniam</h3>
                        <p>Faculty of Communication Sciences</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="column">
            <div class="row news news_h">
                <a href="#">
                    <div class="column medium-6">
                        <div class="gmfilter_container">
                            <div class="gmfilter F">
                                <img src="http://images.staging7.usi.ch/random.php?seed=4" faculty="F">
                            </div>
                        </div>
                    </div>
                    <div class="column medium-6">
                        <h3>neque aut temporibus</h3>
                        <p>Academy of Architecture</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="column">
            <div class="row news news_h">
                <a href="#">
                    <div class="column medium-6">
                        <div class="gmfilter_container">
                            <div class="gmfilter F">
                                <img src="http://images.staging7.usi.ch/random.php?seed=4" faculty="F">
                            </div>
                        </div>
                    </div>
                    <div class="column medium-6">
                        <h3>harum sit ullam</h3>
                        <p>Faculty of Communication Sciences</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="column">
            <div class="row news news_h">
                <a href="#">
                    <div class="column medium-6">
                        <div class="gmfilter_container">
                            <div class="gmfilter A">
                                <img src="http://images.staging7.usi.ch/random.php?seed=1" faculty="A">
                            </div>
                        </div>
                    </div>
                    <div class="column medium-6">
                        <h3>cumque officia ab</h3>
                        <p>Academy of Architecture</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="column">
            <div class="row news news_h">
                <a href="#">
                    <div class="column medium-6">
                        <div class="gmfilter_container">
                            <div class="gmfilter A">
                                <img src="http://images.staging7.usi.ch/random.php?seed=8" faculty="A">
                            </div>
                        </div>
                    </div>
                    <div class="column medium-6">
                        <h3>voluptas odio rerum</h3>
                        <p>Faculty of Biomedical Sciences</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>