@font-face {
  font-family: 'merriweatherbold';
  src: url('../fonts/merriweather-bold-webfont.woff2') format('woff2'),
       url('../fonts/merriweather-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.bg-module {
  background: #3c3333;
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
}
.bg-module::before {
  display: none !important;
}
.flex-initial {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: "merriweatherbold";
  font-weight: normal;
  font-size: 16px;
  color: white;
  padding: 0px 40px;
  position: relative;
  line-height: 35px;
  flex-shrink: 0;
}
.flex-initial::after {
  content: "";
  background: linear-gradient( 90deg, #2a2626 0%, #3c3333 100%);
  width: 13px;
  height: 100%;
  position: absolute;
  right: 0;
  border-left: 1px solid #574E4E;
}
.flex-initial a {
  color: white;
  font-size: 10px;
  font-family: "Montserrat";
  font-weight: bold;
  border: 1px solid white;
  border-radius: 20px;
  padding: 5px 10px;
}

.flex-initial a:hover {
  color: darkgray;
}

.column {
  display: flex;
  padding: 0px 15px 0px 0px;
  margin-top: 13px;
  margin-bottom: 13px;
  width: 100%;
}

.column i {
  background-repeat: no-repeat;
}
.column p {
  display: flex;
    flex-direction: column;
  font-family: "merriweatherbold";
  font-weight: normal;
  font-size: 12px;
  margin: 0;
  line-height: 1.2;
}
.element-right {
  display: flex;
  justify-content: start;
  width: 100%;
}
.column p span {
  font-size: 26px;
  font-family: "Montserrat";
  font-weight: bold;
}
.column .f14 {
  margin: 0;
  font-size: 14px;
}
.column i {
  width: 40px;
  height: 40px;
  margin: 0px 15px;
}
.red {
  color: #ff8474;
}
.red i{
  background-image: url(../images/icon-virus.svg);

}
.green {
  color: #a5f474;
  border-left: 1px dashed #574E4E;
}
.green i{
  background-image: url(../images/icon-recuperados.svg);

}
.gray {
  color: #bbbfb8;
  border-left: 1px dashed #574E4E;
}
.gray i{
  background-image: url(../images/icon-fall.svg);
}
.blue {
  color: #91eeff;
  border-left: 1px dashed #574E4E;
}
.blue i{
  background-image: url(../images/icon-vac.svg);
}

@media (max-width: 1024px) {
  .block-covid19-vaccines-block {
    margin: 0px -15px;
  }
  .bg-module {
    flex-direction: column;
  }
  .bg-module .flex-initial{
    padding:15px 11px;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 2px solid #574E4E;
    line-height: 22px;
  }
  .label-link {
    flex-shrink: 0;
  }
  .element-right {
    display:initial;
  }
  .flex-initial::after {
    content: "";
    background: linear-gradient(
180deg
 , #2a2626 0%, #3c3333 100%);
    width: 100%;
    height: 12px;
    bottom: -13px;
    right: 0;
  }
   .column{
    flex-direction: column;
    padding: 0px 11px 0px 11px;
    float: left;
    width: auto;
  }
  .column:last-child {
    padding-right: 0;
  }
  .column i {
    width: 30px;
    height: 35px;
    margin: 0px 0px 13px 0px;
    background-size: 100%;
  }
  .column p span {
    font-size: 16px;
  }
  .column .f14 {
    font-size: 10px;
}
}
@media (max-width: 373px) {
  .element-right {
    display: flex;
    overflow: scroll;
}
.column:last-child {
  padding-right: 15px;
}
}