@media (min-width: 1024px) {

    .home__about-us__brand{
        font-size: 7rem;
    }

    /* footer */
    .half-circle {
        top: -100px;
        right: 150px;
    }

    /* hero section */
    .hero-image {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }

    .hero-menu-section {
        margin-top: -83px;
        height: 100vh;
    }

    .hero-titles {
        width: fit-content;
    }

    .top-section {
        height: 50%;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bottom-section {
        position: relative;
        margin-top: 0px;
        height: 50%;
        flex: 1;
        padding: 20px;
    }

    /* about section */
    .about-description {
        width: 75%;
        margin-top: 65px;
    }

    .about-content-section {
        transform: translate(-50%, -90%);
    }

    .about-left-leaf {
        left: -110px;
    }

    .about-right-leaf {
        top: 80px;
    }

    .project-listing__image{
        border-radius: 20px;
        overflow: hidden;
    }

    .project-listing__image{
        height: 250px;
    }

    .about-header__bg--desktop{
        position: fixed;
        width: 100vw;
        z-index: 99;
    }

    .about-header__stripe--desktop img{
        width: 700px;
    }

    .about-header__stripe--desktop{
        position: absolute;
    }

    .about-header__stripe--desktop--1{
        transform: rotate(45deg);
    }

    .about-header__stripe--desktop--2{
        left:-200px;
        top: 150px;
        transform: rotate(30deg);
    }

    .about-header__stripe--desktop--center{
        transform: rotate(90deg) translateY(100%);
        top: 0;
        left: 50%;
    }


    .about-header__stripe--desktop--3{
        right: -200px;
        transform: rotate(-30deg);
    }
    .about-header__stripe--desktop--4{
        top: 300px;
        right: -200px;
        transform: rotate(5deg);
    }

    .kanji__wrapper{
        max-width: 250px;
    }

    .kanji__explanation{
        width: 450px;
    }

}

@media (max-width: 1024px) {
    .container-fluid-no-padding {
        padding-left: 0 ;
        padding-right: 0;
    }
}