.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;
}
.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: 100%;
    color: var(--white_tone);
    display: flex;
}
.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;
    z-index: -1;
}
.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-text{
        width:100%;
    }
}