.mbox-grid a {
    display:block;
}
.mbox {
    position:relative;
    overflow:hidden;
    color:#202020;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,.15);
    -moz-transition: all 0.3s, ease-in-out 0.2s;
    -webkit-transition: all 0.3s, ease-in-out 0.2s;
    -o-transition: all 0.3s, ease-in-out 0.2s;
    transition: all 0.3s, ease-in-out 0.2s;
}
.mbox:hover {
    color:#202020;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.33);
}
.mbox.col01 {
    background-color:#eee;
}
.mbox.col02 {
    background-color:#d9d6d4;
}
.mbox.col03 {
    background-color:#aaa;
}
.mbox.col04 {
    background-color:#e04835;
    color:#fff;
}
.mbox.col08 {
    background-color:#fff;
}
.mbox.col04 a {
    color:#fff;
}
.mbox.col01 a,
.mbox.col02 a,
.mbox.col03 a,
.mbox.col08 a,
.mbox.col04:hover a {
    color:#202020;
}
.mbox.col01:hover a,
.mbox.col02:hover a,
.mbox.col03:hover a,
.mbox.col08:hover a {
    color:#e04835;
}
.mbox .image_container {
    position:relative;
}
.mbox .image_container img {
    width:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:relative;
    background-clip: padding-box;
}
.mbox.zoom_normal figure {
    overflow:hidden;
}
.mbox.zoom_normal figure img {
    will-change: transform;
        transition: transform 0.5s ease-in-out;
}
.mbox.zoom_normal:hover figure img {
    transform: scale(1.05);
}
.mbox h3 {
    margin:0;
    padding:1rem 1rem .5rem;
    font-size:1.5rem;
    font-weight:normal;
    text-transform:none;
}
.mbox.headTop h3 {
    padding-bottom:1rem;
}
.mbox .longtext {
    margin:0;
    padding:.25rem 1rem 1rem;
}
.mbox.headTop .longtext {
    padding-top:1rem;
}
.mbox .longtext p {
    margin-bottom:0;
    font-size:.9375rem;
    font-weight:normal;
}