.grid { display: flex; flex-wrap: wrap;	justify-content: space-between; width:98%; margin-bottom: 30px;}
.grid .inner {display:block; height:100%; text-decoration:none; color: #666666; -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;}

@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;}
}












.box {
  overflow: hidden;
  position: relative;
}




section.active,
header.active,
.intro.active,

section,
article {
  background: inherit;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: initial;
}
article img {
  display: block;
  width: 100%;
}
article:nth-child(2n) {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}
article:nth-child(2n) .box .feed {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}
article .box:before {
  background: #fff;
  content: "";
  margin-top: -10px;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.box .feed {
  height: 100%;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  width: initial;
}
.box .feed h2 {
  color: #ff5b06;
  font-weight: 400;
  letter-spacing: 1px;
}
.box .feed p {
  color: #555;
  letter-spacing: 1px;
  line-height: 22px;
}

/*-------------------------------*/
/* CSS @media screen responsive
/*-------------------------------*/

@media only screen and (min-width: 240px) {
  article .box .feed p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 320px) {
  article .box .feed p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 480px) {
  article .box .feed p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 528px) {
  article .box,
  
  article .box .feed p {
    font-size: 11px;
    line-height: 16px;
  }
 
}
@media only screen and (min-width: 640px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {
    font-size: 13px;
  }
 
}
@media only screen and (min-width: 768px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {
    font-size: 15px;
    line-height: 24px;
  }
 
}
@media only screen and (min-width: 992px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {
    font-size: 15px;
    line-height: 24px;
  }

}
@media only screen and (min-width: 1200px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {
    font-size: 15px;
    line-height: 24px;
  }

}
@media only screen and (min-width: 767px) and (max-width: 991px) {
  article .box {
    display: inline-block;
    margin: 0 -2px;
    vertical-align: middle;
    width: 50%;
  }
  article .box .feed p {
    font-size: 15px;
    line-height: 24px;
  }

}
@media only screen and (max-width: 528px) {
  article .box .feed {
    margin: 15px 0 25px;
  }
  article .box:before {
    content: "";
    margin-top: 0;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -10px;
    left: 50% !important;
    right: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@media only screen and (max-width: 240px) {
  .intro {
    display: none;
  }
  section {
    margin-top: 57px;
  }
  article .box .feed p {
    font-size: 12px;
  }
}