.cookies-headerbanner {
    background-image: url(../images/PaginasLegales/Banner_PoliticaCookiesOk.jpg?$staticlink$);
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-top: -1rem !important;
}
a.ancla {
  color: #375818 !important;
  text-decoration: underline!important;
}
a.ancla:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}
.texto-rojo {
  color: #931214;
}
.alineado-vertical {
  display: grid;
  vertical-align: middle;
  padding: 0 !important;
}
.swap-on-mobile {
  /*margin: 20px 0;*/
}
.align-self-center {
  margin-top: 1rem !important;
}
thead {
  background: #e8eee3;
  font-size: 15px;
  line-height: 14px;
  color: #375818;
}
tbody {
  font-size: 13px;
  line-height: 14px;
  text-align: left;
  color: #375818;
}
tr {
  border-bottom: #dbe8d0 1px solid;
}

@media only screen and (max-width: 1024px) {
  .align-self-center {
    text-align: left !important;
  }
}

@media only screen and (max-width: 600px) {
  /*.queessylvanianfamilies-headerbanner {
    background-image: url(../images/QuienesSomos/sobre-nosotros-mobile1.jpg?$staticlink$);
  }
  .hero {
    height: 45vw !important;
  }*/
  .swap-on-mobile {
    display: flex !important;
    flex-direction: column-reverse;
  }
  table {
    max-width: 99%;
    table-layout: fixed;
    overflow-wrap: break-word;
  }
  thead {
    font-size: 7.5px;
    line-height: 6px;
  }
  thead span {
    font-size: 6px !important;
    line-height: 6px;
  }
  tbody {
    font-size: 7px;
    line-height: 6px;
  }
  .align-self-center {
    text-align: left !important;
  }
}

/*
<div class="row swap-on-mobile">
  <div class="region col-12 col-sm-6 alineado-vertical"></div>
  <div class="col-12 col-sm-6 alineado-vertical">
    <div class="align-self-center text-center text-lg-left"></div>
  </div>
</div>
*/