@charset "UTF-8";

html {  
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
div
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
.thumbs {
       overflow: hidden;
       margin: 0 9em;
}
.box {
       float: left;
       position: relative;
       width: 14.28%;
       padding-bottom: 18.43%;
}
.boxInner {
       position: absolute;
       left: 24px;
       right: 24px;
       top: 24px;
       bottom: 24px;
       overflow: hidden;
}
.boxInner img {
       width: 100%;
}
body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
}
@media only screen and (max-width : 1900px) and (min-width : 1601px) {
       /* larger desktop: 6 tiles */
.thumbs {
       margin: 0 8em;
}
.box 
{
       width: 16.66%;
       padding-bottom: 21.5%;
}
}
@media only screen and (max-width : 1600px) and (min-width : 1351px) {
       /* large desktop: 5 tiles */
.thumbs {
       margin: 0 7em;
}
.box 
{
       width: 20%;
       padding-bottom: 25.8%;
}
}
@media only screen and (max-width : 1350px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */

.thumbs {
       margin: 0 5em;
}
.box 
{
       width: 25%;
       padding-bottom: 32.25%;
}
.boxInner {
       left: 22px;
       right: 22px;
       top: 22px;
       bottom: 22px;
}
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
.thumbs {
       margin: 0 3.5em;
}
.box 
{
       width: 33.3%;
       padding-bottom: 42.95%;
}
.boxInner {
       left: 20px;
       right: 20px;
       top: 20px;
       bottom: 20px;
}
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
.thumbs {
       margin: 0 2em;
}
.box 
{
       width: 50%;
       padding-bottom: 64.5%;
}
.boxInner {
       left: 18px;
       right: 18px;
       top: 18px;
       bottom: 18px;
}
}

@media only screen and (max-width : 480px) {
       /* Smartphone view: 2 tiles */
.thumbs {
       margin: 0 2em;
}
.box 
{
       width: 50%;
       padding-bottom: 64.5%;
}
.boxInner {
       left: 18px;
       right: 18px;
       top: 18px;
       bottom: 18px;
}
}