/* Por debajo de 700px */
      @media screen and (max-width: 700px){

        body{
            font-size:12px;
        }

        h1 {
            font-size: 14px;
        }

    }
    /* Por debajo de 400px */
    @media screen and (max-width: 400px){

        body {
             font-size:11px;
        }

        h1 {
          font-size: 13px;
      }

      .btnGlosario {
        font-size: 10px;
    }

    .card-title {
      font-size: 10px;
  }

    }

body {
  font-family: 'Open Sans', sans-serif;
}

h1 {
  color: #ffffff;
  font-weight: bold;
}

.cabecera {
  background-color: #3295c6;
  margin-bottom: 15px;
}

.cabecera div {
  width: 100%;
  text-align: center;
}

.logo1 {
  color: #ffffff;
  text-align: right;
}

.tindex {
  font-style: italic;
  text-align: justify;
}

.jumbotron {
  padding: 2rem 1.5rem;
  opacity: 0.9;
  margin-bottom: 15px;
}

.card-header {
  background-color: blue;
  color: #ffffff;
  font-weight: bold;
}