<style>

body {

    font: 100% Helvetica, sans-serif;

}

.container {

    width: 100%;

}

.no-results {

    text-align: center;

    background-color: #222;

    color: #fff;

    height: 200px;

}

.vertical-align {

    position: relative;

    top: 50%;

    transform: translatey(-50%);

}



@media only screen and (min-width: 40em) {

    .no-results {

        height: 500px;

    }    

}

</style>

<div class="container">

    <div class="no-results">

        <div class="vertical-align">

            <h3>Oops</h3>

            <p>We couldn't find any results.</p>

        </div>

    </div>

</div>