@media (min-width: 768px) {
	.card-columns {
    	column-count: 3;
	}
}
@media (min-width: 768px) {
  .card-columns {
    	column-count: 3;
	}
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 
   .card-columns {
    	column-count: 1;
	}
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
   .card-columns {
    	column-count: 3;
	}
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
   .card-columns {
    	column-count: 3;
	}
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
   .card-columns {
    	column-count: 3;
	}
}

.tx-social-media-feed14v a {
  background-color: white;
  margin: 0 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 12px;
  padding: 8px 5px;
  display: inline-block;
  color:black;
}
.tx-social-media-feed14v .social-btn-bar {
	display: block;
	width: 100%;
	text-align: center;
}

.tx-social-media-feed14v .card .card-text {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0.5rem;
    text-shadow: 0px 0px 5px black;
  	background-color: rgba(0,0,0,0.4);
}

.tx-social-media-feed14v .card:hover .card-text {
    height: auto;
    visibility: visible;
    opacity: 10;
    transition: opacity 1s ease;
}
.tx-social-media-feed14v .card {
 position: relative !important;
  margin: 16px 0px;
}

.tx-social-media-feed14v .card .card-img-overlay {
  padding: 0px 0px !important;
  position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.tx-social-media-feed14v .card:hover {
  cursor: pointer;
}

a.custom-card,
a.custom-card:hover {
  color: inherit;
}