.avatar {
    /* Center the content */
    display: inline-block;
    vertical-align: middle;

    /* Used to position the content */
    position: relative;

    /* Colors */
    background-color: #FFFFFF;
    color: #000000;

    /* Rounded border */
    border-radius: 50%;
    height: 38px;
    width: 38px;
    border: 1px solid #CCCCCC;
}

.avatar__letters {
    /* Center the content */
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.hp_bg {
    margin: 0;
    padding: 0;
    background: linear-gradient(110deg, white 50%, #024ad8 50%);
    min-height: 100vh;    
}

@media (max-width: 991px) {
    .hp_bg {
        background: white;
    }
}

.hp_bg_photo {
    margin: 0;
    padding: 0;
    background: linear-gradient(110deg, white 50%, transparent 50%), url('../images/home.jpg');
    background-size: auto 100%, cover;
    background-position: left center, right center;
    min-height: 100vh;    
}

@media (max-width: 991px) {
    .hp_bg_photo {
        background: white;
    }
}


/*REGULAR*/
 @font-face{
    font-family: 'FormaDJRDisplay-Regular';
    src: url('HPwebFonts_v2/FormaDJRDisplay-Regular.woff2') format('woff2'),
        url('HPwebFonts_v2/FormaDJRDisplay-Regular.woff') format('woff');
    font-weight: 1 900;
    font-style: normal;
 }

 @font-face{
    font-family: 'FormaDJRMicro-Regular';
    src: url('HPwebFonts_v2/FormaDJRMicro-Regular.woff2') format('woff2'),
        url('HPwebFonts_v2/FormaDJRMicro-Regular.woff') format('woff');
    font-weight: 1 900;
    font-style: normal;
}


body {
    font-family: 'FormaDJRMicro-Regular', Arial;                    
}


header {
    margin-top: 1rem;
}

/*HP colors*/

.bg-hp-100 {
    background-color: rgba(84,158,247,1.0);
}

.bg-hp-50 {
    background-color: rgba(84,158,247,0.5);
}

.bg-hp-25 {
    background-color: rgba(84,158,247,0.25);
}



.accordion-button:not(.collapsed){
   box-shadow: none;
   background-color: #FFF;
   border-top: 1px solid #CFCFCF;
   border-left: 1px solid #CFCFCF;
   border-right: 1px solid #CFCFCF;
}



.familia_li {
    list-style-image: none;
}