@font-face {
  font-family: "Avenir Black";
  src: url("AvenirLTStd-Black.otf");
}

@font-face {
  font-family: "Avenir Book";
  src: url("AvenirLTStd-Book.otf");
}

@font-face {
  font-family: "Avenir Roman";
  src: url("AvenirLTStd-Roman.otf");
}

.asterisco {
  list-style-type: none;
}

.bg-geige {
  background-color: #f7f0e6
}

.bg-negro {
  background-color: #000;
  color: white;
}

.mini {
  font-size: 18px;
  color: gray;
}

.notas {
  font-size: 12px;
  color: #616161;
}

.pe-black {
  font-family: 'Avenir Black', sans-serif;
}

.pe-blanco {
  color: #FFF;
}

.pe-book {
  font-family: 'Avenir Book', sans-serif;
}

.pe-container h2 {
  font-size: 28px;
}

.pe-gris {
  color: #616161;
}

.pe-rojo {
  color: red;
}

.pe-roman {
  font-family: 'Avenir Roman', sans-serif;
}

.pe-subtitulo {
  font-size: 14px;
  line-height: 1.2;
  font-family: 'Avenir', sans-serif;
}

.pe-texto-parrafo {
  font-size: 16px;
  line-height: 1.2;
  font-family: 'Avenir Book', sans-serif;
}

.pe-title {
  font-family: 'Avenir Black', sans-serif;
  font-size: 40px;
  line-height: 1;
}

ul.tcl {
  font-family: 'Avenir Book', sans-serif;
  padding-left: 20;
  font-size: 12px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

@media (max-width: 767.98px) {
  .pe-title {
    font-size: 26px;
  }
  .img-decorada {
    max-width: 300px;
  }
  .pe-subtitulo {
    font-size: 18px !important;
  }
  .pe-texto-parrafo {
    font-size: 20px !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .borde-lateral {
    border-right-style: groove !important;
    border-right: 1px solid grey;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}