.social-feed-container {background: #006191; min-height: 310px; }
.ssfp-element  {width:25%; height:310px; display:inline-block; vertical-align: middle; overflow: hidden; position:relative; background-color: #006191; }
.ssfp-element .author_link {display:none;}

.ssfp-element .attachment-wrap {position:absolute; top:0; right:0; bottom:0; left:0; overflow: hidden;}
.ssfp-element .attachment{position: absolute;     top: 0;      right: 0;     left: 0;     bottom: 0;     margin: auto;}

.ssfp-element .content {position:absolute; padding:30px; z-index: 2; color:#fff;}
.ssfp-element .content .media-body {max-width:260px;}

.ssfp-element .fa {
    color: #006191;
    background: #fff;
    border-radius: 990%;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin-top:3px;
  }

.ssfp-element .author-info {display: inline-block; vertical-align: middle; margin-left:5px;}
.ssfp-element .social-network-logo {display: inline-block; vertical-align: middle;}
.ssfp-element .author-title {text-transform: uppercase; font-size: 14px; font-weight: bold;}
.ssfp-element .muted {display: block;     color: #4fd5ee;font-weight: bold;  font-size:0.8em; margin-top:-3px;}
.ssfp-element .social-feed-text {padding-top:20px;  font-size:0.8em;}

.ssfp-element .ssfp-overlay-link {display: block; z-index: 3; transition: all 0.3s ease; background: #222; width: 100%; height: 100%;position:absolute; top:0; bottom:0; left: 0;  right: 0; opacity: 0; }
.ssfp-element .ssfp-overlay-link:hover {opacity: 0.1; }
/* instagram */
.ssfp-element.instagram-element .text-wrapper {display:none;}

.ssfp-element.facebook-element .attachment-wrap{display:none;}


/* RESPONSIVE */

@media only screen and (max-width : 992px) {
.social-feed-container {min-height: 250px;}
.ssfp-element {height:250px;}
.ssfp-element .social-feed-text {padding-top:10px; font-size:0.6em;}
}


@media only screen and (max-width : 767px) {
  .social-feed-container {min-height: 320px;}
  .ssfp-element {height:320px; width: 50%;}
  .ssfp-element .social-feed-text {padding-top:20px; font-size:0.8em;}

}


@media only screen and (max-width : 480px) {
  .social-feed-container {min-height: 280px;}
  .ssfp-element {height:280px; width: 100%;}
  .ssfp-element .social-feed-text {padding-top:20px; font-size:0.8em;}


}

@media only screen and (max-width : 320px) {

}