/*-- ======== Цвет заголовка в шапке сайта ========= --*/
.text-with-bg {
 background: rgba(0, 0, 0, 0.6);
 padding: 20px 30px;
 border-radius: 12px;
 display: inline-block; /* фон только под текст */
}

.carousel-captions .hero-heading {
 color: #ffffff;
 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.carousel-captions svg text {
 fill: #ffffff;
 stroke: #ffffff;
}

/*-- ============ Masonry сетка на CSS ============= --*/
.masonry-grid {
 margin:auto;
 column-count:6;
}
.masonry-grid img, 
.masonry-grid .col-block {
 max-width: 100%;
 margin-bottom: 16px;
 border: 6px solid #BFE2FF; 
 box-sizing: border-box; 
 box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2); 
 transition: all 0.3s linear;
}
.masonry-grid img:hover, 
.masonry-grid .col-block:hover {
 box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.col-block {
 padding: 2px 20px; 
}

@media (max-width:700px) {
 .masonry-grid {
 column-count:2;
 }
}
@media (max-width:500px) {
 .masonry-grid {
 column-count:1;
 }
}