@media screen and (max-width:1300px){
  .contenedor{
    width: 100%;
  }
  .principal{
    width: 90%;
  }
}

@media screen and (max-width:1000px){
  .contenedor{
    width: 100%;
  }
  .principal{
    width: 90%;
  }

  .img__principal{
    width: 80%;
    height: auto;
  }

  .pie{
    width: 100%;
  }
  #contenedor_tabla{
    width: 100%;
    margin: auto;
    /*background-color:#104400;/* #025641; /* #000; /*f4abf2*/
    border:0px solid #f4abf2;
  }
  #texto-izd{
    width: 100%;
    height: auto;
    font-size: 15px;
  }
  #texto-dcha{
    width: 100%;
    height: auto;
    font-size: 15px;
  }
  /*.contenedortabla3c{
      flex-direction: column;
  }*/
  .-horario-escuelas{
    width: 100%;
  }
}