.texto-sm{
    font-size: 20px !important;

}

.texto-mid{
    font-size: 24px !important;
}

.texto-l{
    font-size: 31px !important;
}

.texto-xl{
    font-size: 38px !important;
}






#page_title{
    background-image: url('../img/seo/pattern.png') !important;
    background-attachment: fixed !important;
    background-size: 100% !important;
}




.second_title{
    font-size: 23px !important;
    font-family: system-ui !important;
    font-weight: 400 !important;
    line-height: normal !important;

}
.second_title strong{
    color: #d2a530 !important;

}

.third_title{
    font-size: 22px !important;
    font-family: system-ui !important;
    font-weight: 400 !important;
    line-height: normal !important;
}
.third_title strong{
    color: rgb(27, 27, 71) !important;
}


.four_title{
    color: rgb(27, 27, 71) !important;
    font-size: 25px !important;
}

.four_title strong{
    color: #d2a530 !important; 
}

.four_title-info{
    margin-top: 25px !important;
    color: #01248d !important;


}

.four_title-info strong{
    color: #d2a530 !important;   
}





/*section Dir */
.sectionDir{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:center;
}


/*direccion y titulo */

.sectionDir_text{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center ;

}
.sectionDir_text-info{
    text-align: center;
    line-height: 35px;
    padding: 20px;
}

.sectionDir_text-title{
    text-align:center;
    font-size: 35px;
}



/*mapa */

.sectionDir_map{
    width: 100%;
}
.sectionDir_map-map{
    width: 100%;
    height: 400px;
}












.footer-link-list{
    height: 220px;
    overflow-y: scroll;
    list-style: none;
}

.footer-link-list li {
    margin: 8px 0;
}

.footer-link-list li a {
    font-size: 17px;
    line-height: 22px;
    color: #ffffff;

}
.footer-link-list li a:hover {
    font-size: 17.5px;
    color: #d2a530;

}





.agencyInfo{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 250;
    color: #ffffff;
  }
  
  .agencyInfo a {
    margin: 0 8px;
    color: rgb(204, 250, 245);
    display: inline-block;
  }
  
  .agencyInfo a:hover{
    color: #00bbff;
  }



  /************************************************viewport seo**********************************************************************/





  
@media only screen and (min-width: 800px){
    /*section dir */
    .sectionDir_text{
        width: 50%;
    
    }
    .sectionDir_map{
        width: 50%;
    }
}