html, body { height: 100%; }
body { 
background: #ddd;
}
* { outline: none; margin: 0; padding: 0; text-decoration: none; }
h1 { font: 56px/56px 'Roboto Slab', serif; padding: 30px 0; text-align: center; }
h2 { font: 36px/38px 'Roboto Slab', serif; }
.container { margin: 0 auto; width: 960px; max-width: 100%; text-align: center; }
.container > p { margin: 20px 0; font: 24px/28px 'Roboto Slab', serif; }
.container > a { position: relative; display: table; padding: 20px; overflow: hidden; margin: 40px; -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 30px rgba(0,0,0,0.5); box-shadow: 0 5px 30px rgba(0,0,0,0.5); cursor: pointer; }
.container > a:hover { -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 30px rgba(0,0,0,0.3); box-shadow: 0 5px 30px rgba(0,0,0,0.3); cursor: pointer; }
.container > a span { display: table-cell; vertical-align: middle; padding: 0 20px; }
.container > a span h2 { padding: 20px; }
.container > a span p { font: 20px/24px 'Roboto Slab', serif; }
.container > a span img { height: 180px; padding: 0 20px; }
.transition { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; }
.logotypes { margin: 20px auto; width: 960px; max-width: 100%; }
.logotypes > div { width: 20%; display: inline-block; float: left; text-align: center; height: 150px; position: relative; }
.logotypes > div img { max-width: 80%; position: absolute; bottom: 0; left: 50%; margin-left: -45%; margin-bottom: 20px; }
@media (max-width: 800px){
h1 { font: 36px/36px 'Roboto Slab', serif; padding: 30px 10px; text-align: center; }
h2 { font: 26px/28px 'Roboto Slab', serif; }
.container > a { padding: 20px 0; }
.container > a span { display: block; }
.logotypes { width: 40%; margin: 0 auto; }
.logotypes > div { display: block; width: 100%; text-align: center; height: auto; padding: 20px 0; }
.logotypes > div img { position: relative; left: auto; bottom: auto; margin: 0; }
}
@media (min-width: 996px){
.container > a.itemsinrow3 { width: 267px; float: left; margin: 0 0 40px 40px; padding: 0; overflow: hidden; height: 414px; }
.container > a.itemsinrow3 span { display: block; }
.container > a.itemsinrow3 span h2 { font: 26px/28px 'Roboto Slab', serif; }
.container > a.itemsinrow3 span img { height: auto; width: 187px; }
}