{% include tab-row.html page='Case Studies' %}

<div id="case-studies-container" class="container">
    <div class="row margin-left--small">
        {% for item in page.case-studies %}
        <div class="media-box box-shadow ">

            <div class="case-study-image {{item.image-background-color}}">
                <a href="{{item.url}}"><img class="image-style" src="{{item.image}}"/></a>
            </div>

            <div class="case-study-info">
                <h2 class="margin-bottom--small case-study-title">{{item.title}}</h2>
                <p style="margin-bottom: 4%">{{item.description}}</p>
                <a href="{{item.url}}">
                    <button class="btn-info margin-bottom--small learn-more-button">Learn More</button>
                </a>
            </div>

        </div>

        {% endfor %}
    </div>
</div>