body {
  background-color: #FF9933;
}

h2 {
  FONT-FAMILY: DejaVu Sans;
  FONT-WEIGHT: bold;
  COLOR: #3366ff;
  TEXT-DECORATION: none;
}

a:link {
font-size: 22 px;
font-face: DejaVu Sans;
font-color: #3366ff;
text-decoration: none;
}
a:visited {
font-size: 22 px;
font-color: #2874a6;
font-face: DejaVu Sans;
text-decoration: none;
}
a:hover {
font-size: 23 px;
font-color: #ffffff;
font-face: DejaVu Sans;
text-decoration: none;
}


div.example {
  background-color: #7dcea0;
  padding: 20px;
  font-size: 100%;
  FONT-FAMILY: DejaVu Sans;
  text-align: left;
  FONT-WEIGHT: strong;
  COLOR: #3366ff;
  TEXT-DECORATION: none;
}
div.texto {
  FONT-FAMILY: DejaVu Sans;
  text-align: justify;
  font-size: 100%;
  FONT-WEIGHT: strong;
  COLOR: #3366ff;
  TEXT-DECORATION: none;
}
div.mini {
  FONT-FAMILY: DejaVu Sans;
  font-style: italic;
  FONT-WEIGHT: strong;
  COLOR: #3366ff;
  TEXT-DECORATION: none;
}

@media screen and (min-width: 80em) {
  div.example {
    font-size: 225%;
  }
}

@media screen and (min-width: 64em) and (max-width: 80em) {
  div.example {
    font-size: 175%;
  }
}

@media screen and (min-width: 50em) and (max-width: 64em) {
  div.example {
    font-size: 150%;
  }
}

@media screen and (min-width: 30em) and (max-width: 50em) {
  div.example {
        font-size: 125%;
  }
}

@media screen and (min-width: 15em) and (max-width: 30em) {
  div.example {
        font-size: 90%;
  }
}

@media screen and (max-width: 15em) {
  div.example {
        font-size: 80%;
  }
}

@media screen and (min-width: 80em) {
  h2 {
    font-size: 225%;
  }
}

@media screen and (min-width: 64em) and (max-width: 80em) {
  h2 {
    font-size: 175%;
  }
}

@media screen and (min-width: 50em) and (max-width: 64em) {
  h2 {
    font-size: 150%;
  }
}

@media screen and (min-width: 30em) and (max-width: 50em) {
  h2 {
        font-size: 125%;
  }
}

@media screen and (min-width: 15em) and (max-width: 30em) {
  h2 {
        font-size: 90%;
  }
}

@media screen and (max-width: 15em) {
  h2 {
        font-size: 80%;
  }
}

@media screen and (min-width: 80em) {
  div.texto {
    font-size: 225%;
  }
}

@media screen and (min-width: 64em) and (max-width: 80em) {
  div.texto {
    font-size: 175%;
  }
}

@media screen and (min-width: 50em) and (max-width: 64em) {
  div.texto {
    font-size: 150%;
  }
}

@media screen and (min-width: 30em) and (max-width: 50em) {
  div.texto {
        font-size: 125%;
  }
}

@media screen and (max-width: 15em) and (max-width: 30em) {
  div.texto {
        font-size: 90%;
  }
}

@media screen and (max-width: 15em) {
  div.texto {
        font-size: 80%;
  }
}

@media screen and (max-width: 64em) {
  div.mini {
    font-size: 70%;
  }
}

@media screen and (max-width: 50em) {
  div.mini {
    font-size: 60%;
  }
}

@media screen and (max-width: 30em) {
  div.mini {
        font-size: 50%;
  }
}

@media screen and (max-width: 15em) {
  div.mini {
        font-size: 40%;
  }
}