.flags-bg-color {
  background: url(/ru/images/about_g20/Flags-bg1.png) 0 0 no-repeat,
    url(/ru/images/about_g20/Flags-bg2.png) 100% 100% no-repeat;
  background-color: #fcefdf;
  background-size: 300px;
}

.flags .f18 {
  color: #0f0f0f;
  font-family: Lato, sans-serif;
}

.flags .f32,
.flags .f48 {
  color: #191919;
}

.flags .f20 {
  color: #000;
}

.flags .f20-p {
  font-family: Lato, sans-serif;
}

.flags img,
.flags svg {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
  .flags img,
  .flags svg {
    max-height: 78px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .flags img,
  .flags svg {
    max-height: 46px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .flags img,
  .flags svg {
    max-height: 66px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .flags img,
  .flags svg {
    max-height: 81px;
  }
}

@media (min-width: 1400px) {
  .flags img,
  .flags svg {
    max-height: 90px;
  }
}