@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;
}
body 
{
    font-family: 'lato', sans-serif;
margin: 0;
}

/*-----------------estilos bases------------*/

.logo__marcas
{
  width: 100%;
   height: auto; object-fit: cover;
 
    cursor: pointer;
    transition: all 0.5s
}

.logo__marcas:hover
{
    transform: scale(1.2)
}


.logo__marcas2
{
  width: 100%;
   height: auto; object-fit: cover;
 
    cursor: pointer;
    transition: all 0.5s
}

.logo__marcas2:hover
{
    transform: scale(1.8)
}




/*-----------------estilos banner------------*/

.banner2
{
    margin-top: -10px;
    position: relative;z-index: -900;
    
}
.banner2:before
{
    content: '';
    position: absolute;
    width: 60%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    z-index: -900;
    top: 0;
}


.banner__img
{
    width: 100%;
   height: auto;
    object-fit: cover;
    /*padding-left: 10px;*/
}


.banner__content2
{
   font-family: 'Roboto', sans-serif;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    z-index: 1500;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    font-size: 1em;
    font-weight: bold;
}



.bannerp{width: 100%; height: auto;}
/*estilos principales*/

.PresentacionT .container
{
  background-color:  #1D3D70;
  color: white;
  /*padding: 10px;*/
  text-align: center;
    
}

.Presentacion2 .container
{
    background: white;    ;
  color: white;
  /*padding: 10px;*/
  
    text-align: justify;  
}


.Presentacion .column
{
    margin-bottom: 1px;
    text-align: center;
}


.Presentacion_titulo
{
   font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 1em;
    padding-top: 10px;
    padding-bottom: 20px;
}

.titulo__content
{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: white;
    font-size: 2.5em;
    
}



/*----------------estilos responsive*/

@media screen and (min-width:240px)

{
    
    
   
    
    .banner__content2
    {
        font-size: 1em;
    }
    
     .column--50-25-
    {
        width: 45%;
    }
    
     .Presentacion2 .column
    {
      
        padding: 5px;
        /*min-width: 49%;*/
        min-height: 150px;
    }
           
}











@media screen and (min-width:768px)
{
   
      
       .banner__content2
    {
        font-size: 2.2em;
    }
   
    
  .column--50-25-
    {
        width: 22%;
    }
   
}





@media screen and (min-width:1024px)
{
    /*
   .columnii{min-height: 600px; max-height: 600px; border-right: 1px solid #1D3D70;border-bottom: none;}
    .columni{min-height: 600px; max-height: 600px; border-right: 1px solid #1D3D70;border-bottom: none;}*/
   
    .container
    {
        width: 1000px;
    }
   

    .banner__img
{
    width: 100%;
   height: auto;
    object-fit: cover;
    display:block;
margin:auto;
}
    
}



@media screen and (min-width:1600px)
{
   
    .container
    {
        width: 1200px;
    }
   
}