.hero-text {
    font-size: 3rem;
    width: 70%;
    line-height: 1.2em;
}

@media (min-width:1024px){
    .hero-text {
        /* color: red; */
    }
    .symbol {
        display: none;
    }

}

@media (max-width:1024px){
    header {
        /* display: none; */
        background: rgba(19, 19, 31, 0.4);
        /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
        backdrop-filter: blur( 16.5px );
        -webkit-backdrop-filter: blur( 16.5px );
        border-radius: 10px;
    }

    .symbol1 {
        display: none;
    }

    .symbol {
        /* padding: 0; */
        bottom: 0;
        right: 0;
    }

    .hero-text {
        /* color: blue; */
        font-size: 2.5rem;
        width: 80%;
        line-height: 1.2em;
        padding-bottom: 2rem;
    }

    .hero-text-wrapper {
        height: 100vh;
        display: flex;
    }
}

@media (max-width:768px){
    .hero-text {
        /* color: green; */
        font-size: 2.2rem;
        width: 90%;
        line-height: 1.2em;
        padding-bottom: 1rem;
    }
}

@media (max-width:576px){
    .hero-text {
        /* color: plum; */
        font-size: 1.8rem;
        width: 100%;
        line-height: 1.2em;
        padding-bottom: 0rem;
    }
}