.banner-nosotros .principal-banner{

    position: relative;
}

.banner-nosotros .principal-banner img{
    height: 545px;
    width: 100%;
    object-fit: cover;
}

.banner-nosotros  .overlay{
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.400);
    position: absolute;
    top: 0;    
}

.banner-nosotros .principal-banner h1 {
    position: absolute;
    color: #fff !important;
    font-size: 60px;
    text-align: center;
    width: 100%;
    top: 40%;
    font-family: 'Monserrat', sans-serif;
    font-weight: 600;
}

@media (max-width:768px){

    .banner-nosotros .principal-banner h1{
        font-size: 45px;

    }

    .banner-nosotros .principal-banner p{
        width: 80%;
    }
}

@media(max-width:425px ) and (min-width:320px)
{
    .banner-nosotros .principal-banner h1{
        font-size: 25px;
        top: 25%;
    }

    .banner-nosotros .principal-banner p{
        width: 100% !important;
        font-size: 17px !important;
        top:40% !important;
    }

    .banner-nosotros .principal-banner img{
        height: 320px;
        width: 100%;
        object-fit: cover;
    }
}


.banner-nosotros .principal-banner p {
    position: absolute;
    color: white !important;
    font-size: 19px;
    text-align: center;
    width: 60%;
    top: 55%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.seccion-historia .tit-nh{
    font-size: 40px;
    font-family: 'Monserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    color: #343440;
}

.seccion-historia .line {
    width: 100%;
    height: 1px;
    background: #343440;
    margin-top: 20px;
    margin-bottom: 45px;
}

.seccion-historia .anio{

    float: left;
    font-size: 48px;
    line-height: 1;
    margin-right: .6rem;
    font-family: 'Montserrat';
    font-weight: bold;
    color: #bfb8aa;
}

.seccion-historia p{

    text-align: justify;
}

.servicios-historia .box-service{
   
    padding: 4%;
    background-color: #fff;
    color: #343440;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    cursor: pointer;
}

.servicios-historia .box-service i{
    
    font-size: 40px;
    margin-right: 15px;
}

.servicios-historia .box-service p{
    font-size: 14px;
    text-align: justify;
}

.servicios-historia .box-service:hover{

    background-color: #343440;
    color:#fff;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.servicios-historia .box-service:hover i{
    color:#fff;
}

.servicios-historia .box-service:hover h4{
    color:#fff;
}