#gallery {
  color: white;
  background: #1F3364; }

#gallery .section__html{
	padding: 0;
}

.row--gallery {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin: 0 -.25rem; }

.row--gallery > * {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.row--gallery > .col {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
  padding: 0 .25rem;
  margin-bottom: .5rem; }

.row--gallery > .col .card__pic {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}

.row--gallery > .col .card__pic img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .row--gallery > .col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; } }

@media (max-width: 767.98px) {
  .row--gallery > .col {
    flex: 0 0 50%;
    max-width: 50%; } }