/* [ FEATURE GRID ] */
#feature-grid { position: relative; overflow: hidden;height: 100%;max-width:2000px; margin:0 auto}
#feature-grid ul { margin: 0; padding:0; list-style: none; }
#feature-grid li { float: left; width:20%; height:auto;overflow:visible; margin:0;padding:0;border-bottom:none}
#feature-grid li.solid { background: #000 url('../images/interface/dark_dotted.png') repeat; }
#feature-grid li.solid img { display:none; }
#feature-grid img { float: left; max-width:100%; position: relative; opacity: 0.40; }

#feature-grid .text-overlay { width:580px; position: absolute; top: 225px; left:210px; z-index: 99; display: block; }
#feature-grid .text-overlay:hover { z-index:1 }

.overlaywrapper {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #FFF;
    z-index: 5;
    width: 50%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.overlaycontent{position: relative;padding: 0px 24px 20px;margin: 0 auto;}
@media screen and (max-width:768px) {
 .overlaywrapper{width: 100%;}
}