.hero-container {
    margin-left: 10vw;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
    line-height: 0.8;
    margin-bottom: -5rem;
}


.line-1 {
    font-size: 2.5rem;
    color: var(--color2)
}

.line-2 {
    font-size: 1.7rem;
    color: var(--color5);
}

.line-3 {
    font-size: 1rem;
    line-height: 1.2;
    color: var(--color5);
}

#text {
    color: var(--color4);
    line-height: 1.5;
    padding: 0 0 2rem 0;
}

@media only screen and (max-width: 600px) {

    .hero-container {
        width: 90vw;
        margin-left: 10px;
    }
}