@font-face {
    font-family:Avenir-Next-Bold ;
    src: url("../fonts/Metropolis/Metropolis-Bold.otf");
}

@font-face {
    font-family: Avenir-Next-Regular;
    src: url("../fonts/Metropolis/Metropolis-Regular.otf");
}
@font-face {
    font-family: Avenir-Next-Demi;
    src: url("../fonts/Metropolis/Metropolis-SemiBold.otf");
}
.seccion{
    margin: 0px 50px;
    font-size: 9pt;
    font-family:  Avenir-Next-Regular;
    color: #212D40;
}


.informacion{
    margin-top: 20px;
    padding: 50px;
    color: #9FA4AD;
    font-family: Avenir-Next-Demi;
    font-size: 13pt;
    text-align: justify;
}
.informacion figure img{
    text-align: center;
}
.informacion img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.servicio .titulo{
    margin-top: 10px;
    margin-left: 50px;
    font-size: 25pt;
    font-family:Avenir-Next-Bold ;
    color: #212529 !important;
}

/*Celulares*/
@media (min-width: 576px) { 
 

    .informacion img{
        width: 90%;
    }
}
/*Tablets*/

@media (min-width: 768px) { 
    
    .informacion img{
        width: 100%;
    }
    .servicio .titulo{
        
        font-size: 30pt;
    }
}

/*Desktops */
@media (min-width: 992px) { 
 
    .informacion img{
        width: 80%;
    }
    .servicio.titulo{
        
        font-size: 40pt;
    }
    .informacion{
      
        font-size: 14pt;
    }
}

/*Large desktops*/
@media (min-width: 1200px) { 
  
    .informacion img{
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .servicio .titulo{
        
        font-size: 40pt;
    }
    .informacion{
      
        font-size: 15pt;
    }
}

/*Larger desktops*/
@media (min-width: 1400px) { 

  .informacion img{
    width: 50%;
    display: block;
    margin: 0 auto;
}
.informacion{
      
    font-size: 17pt;
}
}