@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;
}



.formulario__label,.formulario__input-txt, .formulario__textarea
{
    display: block;
    width: 90%;
}
.formulario__input-txt
{
    padding: 10px;
    margin-bottom: 10px;    
}
.formulario__textarea
{
    min-height: 100px;
    min-width: 90%;
    max-width: 900%;
    max-height: 200px;
}
.formulario__btn
{
    border: none;
    cursor: pointer;
    font-size: 1em.
}


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


.banner:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: -900;
    top: 0;
}
.banner__img
{
    width: 100%;
   height: auto;
    object-fit: cover;
    /*padding-left: 10px;*/
}
.banner__content
{
   font-family: 'Roboto', sans-serif;
    width: 100%;
    color: #F0F0F0;
    text-align: center;
    position: absolute;
    z-index: 1500;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    font-size: 1em;
    font-weight: bold;
}



/*estilos principales*/



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



.column__titlec
{
    font-size: 1.6em;
    color: #1D3D70;
    font-family: 'Roboto', sans-serif;
    
}


.column__txtc
{
     margin: 15px 0;
    font-size: 1.5em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    
}

.column__txtca
{
   
    font-size: 1.2em;
    font-family: 'Arimo';
    font-weight: 300;
    color: #1D3D70;
}
.titulo__content
{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: white;
    font-size: 2.5em;
    
}


.btn
{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 120px;
    /*background: #DE423A;*/
    background: #f67000;
    color: white;
    padding: 10px;
    margin: 10px auto;
    font-size: 0.9em;
}

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

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

{
    .contact-infor p {font-size: .75em;}
    .contact-infor{border-bottom: 10px solid #1D3D70;}
    
    /*baneer*/
    .banner
    {
 padding-top: 60px;
        margin-top: 0px;
       z-index: -1000;
    }
   
    .banner__content
    {
        font-size: 1em;
    }
    
    .titulo__content
    {font-size: 1.5em;}
    .column__titlec
{
    font-size: 1.3em;
    
}

.formulario__label
    { font-size: .8em;}
.column--501
{
     
    font-size: 1.6em;
    
}
}



@media screen and (min-width:768px)
{
   .contact-infor p {font-size: 1em;}
        .contact-infor .column__title{font-size: 1.5em}
    
  .banner__imgg
{
    width: 70%;
   height: auto;
    object-fit: cover;
    display:block;
margin:auto;
}
      
       .banner__content
    {
        font-size: 2.2em;
    }
      
    .column--50
    {
        width: 47%;
    }
    
  .titulo__content
    {font-size: 2em;}
        .column__titlec
{
    font-size: 1.5em;
    
}


.column--501
{
     
    font-size: 1.3em;
    
}
   
}





@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__content
    {
        font-size: 2.5em;
    }
    .banner__img
{
    width: 100%;
   height: auto;
    object-fit: cover;
    display:block;
margin:auto;
}
    .titulo__content
    {font-size: 2.5em;}
    
        .column__titlec
{
    font-size: 1.5em;
    
}

.formulario__label
    { font-size: .8em;}
.column--501
{
     
    font-size: 1.3em;
    
}
}



@media screen and (min-width:1600px)
{
    
    .container
    {
        width: 1200px;
    }
    
    .column__titlec
{
    font-size: 2em;
    
}
.formulario__label
    { font-size: .8em;}

.column--501
{
     
    font-size: 1.4em;
    
}
    
}