.hero-left{
    display:flex;
    flex-direction:column;
    align-items:left;
    justify-content:left;
    text-align:left;
}

.main-title{
    font-size: clamp(3.5rem, 12vw, 8rem);
    font-weight: 800;
    line-height: 0.9;
    color: white;
    margin: 0;
}

.hero-slogan-secondary{
    margin-top: 25px;
    font-size: clamp(1rem, 3vw, 1.5rem);
    color: #FF9A00;
    letter-spacing: 3px;
    font-weight: 500;
    text-transform: uppercase;
    width: fit-content;
    min-width: 110%;
}

@media (max-width: 768px){

.hero-left{
    align-items:center;
    text-align:center;
}

.main-title{
    text-align:center;
}

.hero-slogan-secondary{
    text-align:center;
    font-size: clamp(1.5rem, 4vw, 2.2rem);
}

}