@import url('<link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One|Arimo|Bowlby+One+SC|Roboto&display=swap" rel="stylesheet">');
*{
    box-sizing: border.box;
}



.Presentacion_tna
{
   font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: bold;
    color: #1D3D70;
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 20px;
}




.main__titlena
{
    margin: 15px 0;
    font-size: 1.8em;
   font-family: 'Roboto', sans-serif;
   font-weight:bold;
    padding-left: 5px;
    color: #1D3D70;
}

.main__txtn
{
    margin: 15px 0;
    font-size: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-right: 5px;
    text-align: justify;
    padding-left: 5px;
     color: black;
}
/*----------------estilos responsive*/




@media screen and (min-width:768px)
{
  
    
        .main__titlena
    {
        font-size: 1em
    }
   
   
     .main__txtn
{font-size: 1.5em;
    }
    

}



@media screen and (min-width:1024px)
{
   
   
    .ii{width: 400px;;
    height: 250px;}
  
    
    
    
    .column--50-25-2
    {
        width: 23%;
        height: auto;
    }
   
}



@media screen and (min-width:1600px)
{
   
    .ii{width: auto;
    height: 280px;}
   
   
    
    .column--50-25-2
    {
        width: 24%;
        height: auto;
    }
   
        
    
}