.box-grid-wrapper{max-width:1600px;margin:auto}
.row{margin:0}
.boxGridBlock{width:100%;height:auto;float:left;overflow:hidden;margin:0;font-family:"UniversLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-style:normal;font-size:15px;letter-spacing:.3px;line-height:1.46667;background:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:33.333vw;position:relative}
.boxGridBlock.double{max-width:1066px;max-height:540px;padding-top:100%}
.boxGridBlock.single{max-width:533px;max-height:540px;position:relative}
.boxGridBlock .image img{width:100%;height:auto;height:100%;width:auto;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.boxGridBlock a>.text{width:100%;height:auto;max-height:100%;overflow:hidden;padding:0 60px;color:#000}
.boxGridBlock a:hover{text-decoration:none}
.boxGridBlock .text .title{height:calc(30px * 40/30 * 2);display:-webkit-box;margin:30px auto 20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.boxGridBlock .text .description{opacity:1;height:calc(18px * 30/18 * 3);display:-webkit-box;margin:0 auto 40px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.boxGridBlock .text .read-more,.boxGridBlock .text .read-more:hover{margin:0;padding:0;border:0;font-weight:normal;text-align:left;height:auto;width:auto;max-width:none;background-color:transparent;color:#000}
.boxGridBlock .misc{position:absolute;top:0;width:100%;height:100%;text-align:center}
.boxGridBlock .misc .text{position:absolute;bottom:30px;right:0;left:0;color:#fff;padding:0 30px;margin-bottom:30px}
.boxGridBlock .image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;max-width:none;padding:0}
@media only screen and (min-width:1600px){.boxGridBlock{min-height:540px}
}
@media only screen and (min-width:1024px){.boxGridBlock.double{max-width:66.666%;padding-top:33.33%}
.boxGridBlock .image img{width:100%;height:auto;position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.boxGridBlock.single{max-width:33.333%}
.boxGridBlock a>.text{padding:0 60px}
.boxGridBlock .text .title{margin:30px auto 15px}
.boxGridBlock .text .description{margin:0 auto 20px}
.boxGridBlock .misc .text{bottom:35px;padding:0 30px}
}
@media only screen and (max-width:1023px){.boxGridBlock{min-height:50vw}
.box-grid-wrapper{max-width:100%}
.boxGridBlock.double,.boxGridBlock.single{max-width:49.999%;min-height:51vw}
.boxGridBlock.double{padding-top:50%}
.boxGridBlock .misc .text{bottom:35px}
.boxGridBlock .text .description{opacity:.8;margin-bottom:30px;height:auto}
}
@media only screen and (max-width:767px){.boxGridBlock.double,.boxGridBlock.single{max-width:100%;max-height:100%;min-height:100vw;border-bottom:1px solid #ddd}
.boxGridBlock a>.text{padding:30px}
.boxGridBlock .misc .text{font-size:15px;bottom:125px}
.boxGridBlock .text .title{height:auto}
}
@media only screen and (max-width:640px){.boxGridBlock a>.text{padding:30px}
.boxGridBlock .text .title{height:auto;margin:30px auto 30px;font-size:22px;line-height:28px}
.boxGridBlock .text .description{height:calc(16px * 16/12 * 3);margin:0 auto 30px;font-size:15px;line-height:22px;font-family:"UniversLight";opacity:1}
.boxGridBlock .misc .text{padding:0 21%}
}
@media only screen and (max-width:450px){.boxGridBlock .misc .text{bottom:50px}
}