.container_banner{
    padding: 0 2rem;
}
.homepage_hero{
    display: flex;
    align-items: center;
    position: relative;
    background-position: bottom;
}
.sidepage_hero{
    width: 100%;
    position:relative;
    display: flex;
    align-items: center;
}
.sidepage_hero h1{
    transform-origin: 50% 50%;
    font-family: Forum;
    font-size: 100px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    text-decoration: none;
    letter-spacing: 0px;
    line-height: 100px;
    text-align: left;
    white-space: normal;
    overflow: visible;
    margin: 0px;
    width: auto;
    height: auto;
    float: none;
    clear: none;
    z-index: 9;
    position: relative;
    vertical-align: inherit;
    display: block;
    pointer-events: none;
}

.banner_small{
    height: 40vh;
}
.banner_medium{
    height: 60vh;
}
.banner_large{
    height: 80vh;
}
.center_title{
    position:relative;
    z-index:1;
}
.center_title_sidebar{
    top: unset;
    position: relative;
    z-index: 1;
}
.banner-text {
    width: 50vw;
    color: var(--white_tone);
    background: rgba(86, 78, 57, 0.5);
    border-radius: 10px;
    padding: 10px;
}
.background-shadow{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    z-index:0;
    background: linear-gradient(to top, rgb(0 0 0 / 39%), rgb(255 255 255 / 1%));
}
.hero_img_background{
    object-fit: cover;
    width:100%;
    height:100%;
    top: 0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}
.banner-text h1{
    font-size:4rem;
    line-height: 1;
    margin: 1rem 0;
    color: var(--white_tone);
}
.banner-text h1 strong{
    background: -webkit-linear-gradient(var(--font_gradient_left), var(--font_gradient_right));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media(max-width:1300px){
    .banner-text h1{
        font-size: 2.5rem;
    }
    .homepage_hero{
        margin-top:-7rem;
        height:80vh;
    }
}
@media(max-width:798px){
    .banner_large,
    .banner_medium,
    .banner_small{
        height: fit-content;
    }
    .banner-text{
        width:fit-content;
    }
}