.grid { display: flex; flex-wrap: wrap;	justify-content: space-between; width:98%; margin-bottom: 30px;}
.grid .inner {display:block; height:100%; text-decoration:none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: center center;}
.grid .inner_1 {width:32%; height:205px;}
.grid .inner_2 {width:32%; height:205px;}
.grid .inner_3 {width:38%; height:410px;}
.grid .inner_4 {width:25%; height:600px;}
.grid .inner_5 {width:32%; height:205px;}
.grid .inner_6 {width:50%; height:300px;} 
.grid .inner_7 {width:25%; height:300px;float:right;}
.grid .inner > div { position:relative; width:100%; height:100%; padding:0.5em 0.5em;;
}
.grid .inner > div:hover { background:none;}

.grid h3{
    font-family: "Roboto", sans-serif;
    color: #8ecf3f;
}

.grid p {
    font-family: "Roboto", sans-serif;
}

@media only screen and (max-width: 991px) {
  .grid .inner {float:left!important; width:47%!important; height:300px!important;}
  .ideas_feed .inner_3 {width:100%!important;}
}
  
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .grid .inner {width:100%!important; margin-bottom: -60px; margin-top: -60px;}
}