.posts{
	width:100%; 
	min-height:100vh;
	padding: 0px 0px;
    border-radius: 10px; }
.posts .grid-item{
	width:30%;
	margin:1%;
	background:#9399b0;
	float:left;
	height:300px; 
    border-radius: 7px;
overflow: hidden;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.25),0 2px 2px rgba(0,0,0,.2),0 4px 4px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1),0 16px 16px rgba(0,0,0,.05);
}
.gl-title{
text-align:center;
}
 .posts .grid-item .card--is-link .work-card__title h3 {
  font-size:1.0em;
    text-align:center;
     
 }

.work-card__content2{
    position: absolute;
    top: 270px;
    background: rgba(134, 131, 131, 0.8);
    width: 100%;
    text-align: center;
    padding-top: 5px;
}
.gl-post-image {
    width:100%;
	overflow:hidden;
}
.gl-wrapper {
  display: flex; }
  .gl-wrapper .gl-item {
    display: flex;
    flex-direction: column;
    margin: auto; }
    .gl-wrapper .gl-item .gl-item-parent {
      margin-bottom: 50px;
      position: relative;
      display: flex;
      justify-content: center; }
      .gl-wrapper .gl-item .gl-item-parent:after {
        position: absolute;
        content: '';
        width: 2px;
        height: 45px;
bottom: 20px;
        left: 50%;
        background-color: rgba(113, 106, 106, 0.7);
        transform: translateY(100%); }
    .gl-wrapper .gl-item .gl-item-children {
      display: flex;
      justify-content: center; }
      .gl-wrapper .gl-item .gl-item-children .gl-item-child {
        padding: 0 2px;
        position: relative; }
        .gl-wrapper .gl-item .gl-item-children .gl-item-child:before, .gl-wrapper .gl-item .gl-item-children .gl-item-child:not(:only-child):after {
          content: '';
          position: absolute;
          background-color: rgba(113, 106, 106, 0.7);
          left: 0; }
        .gl-wrapper .gl-item .gl-item-children .gl-item-child:before {
          left: 50%;
          top: 0;
          transform: translateY(-100%);
          width: 2px;
          height: 25px; }
        .gl-wrapper .gl-item .gl-item-children .gl-item-child:after {
          top: -25px;
          transform: translateY(-100%);
          height: 2px;
          width: 100%; }
        .gl-wrapper .gl-item .gl-item-children .gl-item-child:first-child:after {
          left: 50%;
          width: 50%; }
        .gl-wrapper .gl-item .gl-item-children .gl-item-child:last-child:after {
          width: calc(50% + 1px); }
          
.categorys {
    padding: 10px 2px;
   margin: 10px 2px;
}
          
@media only screen and (max-width: 786px) {
  .posts .grid-item .card--is-link .work-card__title h3 {
  font-size:0.89em;
    text-align:center;
     
 } 
    .work-card__content2{
    top: 155px;
    }
    .posts .grid-item{
	width:48%;
	margin:1%;
	background:#9399b0;
	float:left;
	height:180px; 
    border-radius: 5px;
overflow: hidden;

}

.second .second::before, .second:not(:only-child)::after {
    background-color: none;
}

.first::after {
  background-color: none;
}

.third{
width:100%;
float:left;
text-align:center;
}
    
}