.about-banner {
    background-image: url("../assets/images/about/About-page-banner-2600.jpg");
    background-position: center 45%;
    min-height: 60vh;
    filter: brightness(1.25);
}

.about-banner-text {
    padding: 20px 40px;
    bottom: auto;
    left: auto;
    max-width: 50%;
    background-color: rgba(108, 29, 255, 0.8);
    border-radius: 30px 30px 30px 0;
    height: min-content;
    margin-bottom: 5vh;
}

.maple-leaves {
    height: 90px;
    width: 90px;
    background-image: url('../assets/images/about/maples4.png');
    background-size: cover;
}
.maple-holder img{
    height: 800px;
    opacity: 0.1;
}
/* .cmt-section {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(../assets/images/flag-stripe.jpg), url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Maple_Leaf.svg/1024px-Maple_Leaf.svg.png), url(../assets/images/flag-stripe.jpg);
    background-size: contain;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, left, 50% 0, right;
    background-blend-mode: screen;
    font-weight: 500;
    color: black;
} */

@media (min-width:3000) {
    .about-banner {
        background-image: url("../assets/images/about/About-page-banner-4000.jpg");
    }
}

@media (min-width: 992px) and (max-width:1550px){
    .maple-holder img{
        height: 600px;
       }
}

@media (max-width: 991px) {
    .about-banner {
        background-image: url("../assets/images/about/About-page-banner-1080.jpg");
    }
    
    .about-banner-text {
        max-width: 50vw;
        min-width: 470px;
        bottom: 5%;
        padding: 20px;
    }
    .maple-holder img{
        height: 500px;
       }
}

@media (max-width: 500px) {
    .about-banner {
        background-image: url("../assets/images/about/About-page-banner-1080.jpg");
        background-position: 20% center;
        min-height: 60vh;
    }
    
    .about-content-tile {
        font-size: 1rem;
    }
    .maple-holder img{
        height: 240px;
        margin-top: 34px;}
    
    .about-banner-text {
        max-width: unset;
        min-width: unset;
        right: 0%;
        margin-left: 25px;
        margin-right: 25px;
    }
}