.hero_text
{
    font-weight: 700;
    font-size:   8rem;
    text-wrap:   wrap;
    word-break:  break-all;

}

.brand_name
{
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    color: white;
    font-family:    "Montserrat", sans-serif, "Arial";
    font-weight:    400;
    font-size:      30px;
    letter-spacing: 10rem;
    text-align: center;

}

.hero_text_container
{
    z-index:           2;
    grid-row-start:    4;
    grid-row-end:      6;
    grid-column-start: 1;
    grid-column-end:   3;
    min-width:         0;
}

.hero_text_wrapper
{
    display:        flex;
    flex-direction: column;
    width:          100%;
    height:         100%;

    border-style:   none;
    border-color:   black;
    border-radius:  var(--default-border-radius);

    /*backdrop-filter: blur(20px);*/

    padding:        2rem;
    font-size:      1.3rem;
    text-wrap:      wrap;

}