/* Page header */
.page-head{
    background: url(../img/servicios-head-bg.png) no-repeat center;
    background-color: var(--light-purple);
    background-size: 110%;
    padding: 1.875rem 0;
    color: var(--black);
    min-height: 15.313rem
}
.page-head .page-head-content{
    display: flex;
    flex-direction: column;
    gap:3.125rem
}
.page-head .breadcrumb ol{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; 
    flex-wrap: wrap;
    gap:.625rem;
    font-size: .938rem;
    color:var(--pink)
}
.page-head .breadcrumb ol a{color:var(--black)}
.page-head .breadcrumb ol span{color:var(--grey)}
.page-head .breadcrumb ol a:hover{color:var(--blue)}
.page-head .page-title h1{
    font-size: 2.625rem;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}



/*--- Media Queries ---*/

@media (max-width: 1399.98px) {
    
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) { 
    .page-head{
        background-size: cover;
        background-position-x: 70%;
    }
}

@media (max-width: 767.98px) {
    .page-head {
        padding: 1.875rem 3dvw 3.750rem;
        min-height: 0;
        background-position-x: 80%;
    }
    .page-head .breadcrumb ol {
        font-size:.813rem;
        gap: .375rem;
    }
    .page-head .page-head-content {
        gap: 1.875rem;
    }
    .page-head .page-title h1 {
        font-size: 1.875rem;
    }

}

@media (max-width: 575.98px) {
    

}