@font-face {
    font-family:Montserrat;
    src:url(fonts/Montserrat.ttf);
}


/*-----------------------Estilos banner---------------------*/
    
.banner{
    margin-top: -5px;
    position: relative;
}
.banner__img{
    width: 100%;
    height: 350px;
    object-fit: fill; /*es para que no se deforme imagen*/
}

.banner__content{
    width: 85%;
    color: black;
    text-align: center;
    position:absolute;
    z-index: 1500;
    top: 35%;
    left: 10%;
    transform: traslateX(-50%) traslateY(-50%);
    font-family: "Montserrat";
    font-size: 2em;
    font-weight: 1000;
    /* background: rgba(0,0,0,0.1);
    /*border-radius: 80px; sustituyo por linea de abajo*/
    text-shadow: 4px 3px 4px gray;
}
/*-----------------------Estilos principales---------------------*/
.group--color .container{
    background: #DE420A;
    color: white;
    margin-top: -9.5px;
    text-align: center;
    font-weight: 700;
    box-shadow:  2px 5px 8px gray;
    height: 70px;
    
        
}
.main__title{
    margin: 5px 0;
    font-size: 1.8;
   /* font-family: ;*/
    font-weight: ;
    text-shadow: 2px 2px 2px black;
    margin-top: -3px;
    
}
.btn{
    display: block;
    text-align: center;
    text-decoration: none;
    width: 120px;
    background: #DE420A;
    color: white;
    padding: 10px;
    margin: 10px auto;
    box-shadow:  2px 5px 5px gray;
       text-shadow: 1px 3px 4px black;
    
}  
 .main__txt{
    text-shadow: 1px 3px 4px black;
     margin-top: -5px;
    }
   



 /*-----------------------Estilos Contacto---------------------*/ 
.contact-information{
    padding: 10px;
    padding-top: 0;
    margin-bottom:30px;
    border-bottom: 1px solid #DE423A;
}
.contact-information [class*="icon-"]{
    font-size: 20px;
    margin-right: 6px;
    position: relative;
    top: 5px;
}
.contact-information .social-icon {
    justify-content: flex-start;
    margin-bottom: 10px;   
}
.contact-information .social-icon [class*="icon-"]{
    background: black;
     width: 38px;
    height: 38px;
    color: white;
    margin-left: 0;
    margin-right: 10px;
}
.formulario{
    padding: 10px;
    padding-top: 10px;
}
.formulario__label, .formulario__input-txt, .formulario__textarea{
    display:block;
    width: 100%;
}
.formulario__input-txt{
    padding: 10px;
    margin-bottom: 10px;
}
.formulario__textarea{
    min-height: 100px;
    min-width: 100%;
    max-width: 100%;
    max-height: 200px;
}
.formulario__btn{
    border: none;
    cursor:pointer;
    font-size: 1em;
}
/*-----------------------Estilos responsive---------------------*/
    
@media screen and (min-width:480px){
    .contact .container--flex{
        align-items: flex-start;
    }
    .contact-information p{
        font-size: .9em;
    }
    .contact-information{
        border-right:  1px solid #DE423A;
        border-bottom: none;
    }    
    
}
@media screen and (min-width:768px){
    .banner__img{
        height: 400px;
    }
    
.banner__content{
    font-size: 3em;
}
    .main__title{
        font-size: 2.4em;
    }
    .main__txt{
        font-size: 1.5em;
    }
   
    .contact-information p{
        font-size: 1.2em;
    } 
 }
@media screen and (min-width:1024px) {
    .banner__content{
        margin-top: auto;
    }
    main__title{
        font-size: 2.8em;
    }
    .main__txt{
        font-size: 2em;
    }
    .group--color .container{
        height: 100px;
    }
    .contact-information p{
        font-size: 1.4em;
    } 
    
    .main-footer{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    
    .main-footer .column--33:nth-child(1)
    .column__title{
        font-size: 1.5em;
        font-weight:700;
        text-align: left;
    } 
.main-footer .column--33:nth-child(2)
    .column__title{
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
    } 
.main-footer .column--33:nth-child(2)
    .column__txt{
        text-align: center;
        font-size: 1.2em;
    } 
.main-footer .column--33:nth-child(3)
    .column__title{
        font-size: 1.5em;
        font-weight: 700;
        text-align: center;
    } 
.main-footer .column--33:nth-child(3)
    .column__txt{
        text-align: center;
        font-size: 1.3em;
        font-weight: 700;
    }  
}