#section-hero .row .col.bg-image  {
    border-left: 4px solid var(--bs-black);  
    border-right: 4px solid var(--bs-black);  
    background-image: url('/assets/images/me.jpg');
    background-size: auto 100% ;
    background-position: center left;
    background-repeat: no-repeat;
    background-color: var(--bs-black);
    padding-left: 15%;
}

h1,h2,h3,.h1,.h2,.h3,h4,h5,h6, .h4,.h5,.h6
{
    font-family: "Arial Black", Arial, sans-serif;
}

h1, .h1 {
        font-size: 6vw;
        line-height: 0;
    }

    .h-jumbo div:has(a):hover
    {
        text-decoration: underline;
        text-decoration-color: var(--bs-primary);
    }

    .h-jumbo span , .h-jumbo a
    {
        display: block;
    }
    .h-jumbo .text-primary
    {
        font-size: 1.05em;
        line-height: 1.4em;
    }
    .h-jumbo .text-white
    {
        font-size: 1.7em !important;
        line-height: .5em;
    }

    .h-jumbo .text-secondary
    {
        display: inline;
        font-size: 34px;
        line-height: .9em;
    }

@media (min-width: 1280px) {

h1, .h1 {
        font-size: 115px;
    }
}

@media (max-width: 900px) {

    h1, .h1 {
        font-size: 7vw;
        line-height: 0;
    }

    .h-jumbo span.text-secondary
    {
        font-size: 4vw;
        line-height: .9em;
    }
}

/* media-query for small screens */
@media (max-width: 767px) {

    h1, .h1 {
        font-size: 8vw;
        line-height: 0;
    }

    .h-jumbo .roboto 
    {
    font-size: 4vw !important;
    line-height: 1.1 !important;
    }

}

/* media-query for very small screens */
@media (max-width: 468px) {

    h1, .h1 {
        font-size: 8vw;
        line-height: 0;
    }
   
    .h-jumbo .roboto 
   {
    font-size: 22px !important;
    background-color: rgba(0,0,0,0.5);
}

}