.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background-color: #016838;
}
.grid-item{
    position:relative;
    width:100%;
    min-height:300px;
    background-color:#ddd;
    text-decoration: none;
    margin:10px 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
}
.grid-item:after{position: absolute; top:2%; left:2%; width:96%; height:96%; content: ""; border:1px solid #ddd; z-index: 28;}
.grid-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size: cover;
    background-position:center;
    z-index:9;
    transition: all .5s ease-in-out;
    box-shadow: -1px -83px 88px 25px rgba(0,0,0,0.58) inset;
    -webkit-box-shadow: -1px -83px 88px 25px rgba(0,0,0,0.58) inset;
    -moz-box-shadow: -1px -83px 88px 25px rgba(0,0,0,0.58) inset;
}
.grid-item:hover .grid-bg{ transform: scale(1.2,1.2); transition: all .5s ease-in-out;}

.grid-item .content{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:20px 20px;
    height:auto;
    color:#fff;
    /* background-color:#0000004f; */
    transition: all .5s ease-in-out;
    z-index: 29;
}
.grid-item .content{
    padding:30px 20px;
    transition: all .5s ease-in-out;
}
.grid-item:hover .content{
    padding:30px 20px 50px;
    transition: all .5s ease-in-out;
}
.grid-item .content .title{
  font-family: "Gilda Display", serif;
  font-size: clamp(1.2rem, 1.7vw, 1.7rem);
  font-weight:700;
  line-height:1.2;
  padding: 5px 0;
}
.learn-more{color:#fff; padding:7px 0; border-bottom:1px solid #ddd;}

.features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.flex-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}