/*HERO*/
.hero-logo{
    display: block;
    margin: auto;
    margin-block-start: 120px;
}
.hero-text{
    margin:20px;
}

.hero-title{
    display: block;
    font-size: var(--fontSize-3);
    font-weight: var(--weight-bold);
    margin-bottom: 40px;
}


.hero-text-list{
    margin-bottom: 20px;
}

@media (min-width: 992px){
    .hero-text{
        margin: 20px 50px;
        padding: 120px;
    }
    
}