/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Gotham-Bold";
  src: url("../css/letra/Gotham-Bold.eot"); /* IE9 Compat Modes */
  src: url("../css/letra/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../css/letra/Gotham-Bold.otf") format("opentype"),
    /* Open Type Font */ url("../css/letra/Gotham-Bold.svg") format("svg"),
    /* Legacy iOS */ url("../css/letra/Gotham-Bold.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../css/letra/Gotham-Bold.woff") format("woff"),
    /* Modern Browsers */ url("../css/letra/Gotham-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Gotham-Book";
  src: url("../css/letra/Gotham-Book.eot"); /* IE9 Compat Modes */
  src: url("../css/letra/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../css/letra/Gotham-Book.otf") format("opentype"),
    /* Open Type Font */ url("../css/letra/Gotham-Book.svg") format("svg"),
    /* Legacy iOS */ url("../css/letra/Gotham-Book.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("../css/letra/Gotham-Book.woff") format("woff"),
    /* Modern Browsers */ url("../css/letra/Gotham-Book.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


#landing-recojo-gratis {
  font-family: "Bourgeois-Medium";
 
  letter-spacing: 1px;
  font-size: 20px;
  margin-top: -30px;
  background: url('../img/fondo.png');
}
/*#landing-Jhony_Walker img {
  max-width: 100%;
  
} 
  #landing-Jhony_Walker a:hover {
  filter: brightness(114%);
  transform: scale(1.005);
  box-shadow: 0px 1px 20px 5px rgba(255, 255, 255, 0.05);

}*/
p {
    text-align: center;
    margin: 2%;
    color: #000000;
    font-family: "Gotham-Book";
    font-size: 25px;
  }
  b, strong{
    text-align: center;
    color: #000000;
    font-family: "Gotham-Bold";
    font-size: 25px;
  }

h1, .h1 {
  text-align: center;
    font-size: 40px;
    padding: 1% 0 0 0;
    color: #ab117f;
    font-family: "Gotham-Bold";
}

#reciclaje-todo .reciclaje  {
  display: flex;
    margin: 2% 0 2% 0;
    justify-content: center;
    flex-wrap: wrap;
}

/*Sliks*/
.slick-next{
  height: 27px;
  width: 15px;
  z-index: 999999;
  background-image: url(../img/flecha-der.png);
}
.slick-prev {
  height: 27px;
  width: 15px;
  z-index: 999999;
  background-image: url(../img/flecha-izq.png);
}

.slick-prev:before,
.slick-next:before {
  font-size: 35px;
}

.slick-next {
  right: 15px;
}

.slick-prev {
  left: 15px;
}

#tips{
  padding: 2% 5%;
}
#tips .container{
   
  padding: 0% 5%;
}
#tips h2{
  font-size: 35px;
  font-family: 'Gotham-Bold';
  text-align: center;
  color: #ab117f;
  padding: 2%;
}
#tips .text {
    font-family: 'Gotham-Bold';
    color: #000000;
    text-align: revert;

   }
#tips p{
  font-size: 20px;
  font-family: 'Gotham-Book';
  margin: 2% 0;
  text-align: center;
}
#tips p strong{
  font-size: 20px;
  font-family: 'Gotham-Bold';
}

#tips .container .texto-tips  a:hover{
color: #ff3485;
}
.licencias_top{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.licencias_top>div {
  padding: 7px;
}


@media screen and (max-width: 769px) {
 
p {
    text-align: center;
    padding: 2% 0% 5%;
    color: #ff3485;
    font-family: "Bourgeois-Medium";
    font-size: 18px;
  }


h1, .h1 {
  text-align: center;
    font-size: 17px;
    padding: 1% 0 0 2%;
    color: #ab117f;
    font-family: "Gotham-Bold";

}
p {
    text-align: center;
    margin: -2% 10% 5%;
    color: #000000;
    font-family: "Gotham-Book";
    font-size: 14px;
  }
  b, strong{
    text-align: center;
    color: #000000;
    font-family: "Gotham-Bold";
    font-size: 14px;
  }

#tips h2{
  font-size: 16px;
  font-family: 'Gotham-Bold';
  text-align: justify-all;
  color: #ab117f;
}
#tips p{
  font-size: 16px;
  font-family: 'Gotham-Book';
  margin: 2% 0;
  text-align: center;
}
#tips p strong{
  font-size: 16px;
  font-family: 'Gotham-Bold';
}
#tips .text {
    font-family: 'Gotham-Bold';
    color: #000000;
    text-align: center;
    }
 .licencias_top>div{
    padding: 0 0.5% 0% 0%;
  }


  @media (min-width: 768px) and (max-width: 1024px) {

    h1, .h1 {
font-size: 30px;   
    }

    #tips h2{

      font-size: 30px;
  }
  #tips p {
    font-size: 28px;
  
  }
    }