.hero{
    height: 100%;
}

.hero__inner{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 230px;
    padding-bottom: 200px;
}

.hero__main{
    display: flex;
    align-items: center;
    flex:1;
    margin-bottom: 42px;
}

.hero__main h1{
    font-family: var(--oswald);
    font-size: 105;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
   
}

.hero__description{
    max-width: 564px;
}

.hero__description p{
    color: white;
    font-family: 'Oswald';
    font-size: 40px;
    font-weight: 300;
    line-height: 54px;
}

@media(max-width:900px){
    .hero__main h1{
        font-size: 43px;
    }

    .hero__main .logo{
        display: none;
    }

    .hero__description p{
        font-size: 20px;
        line-height: 27px;
        text-align: center;
    }

    .hero__inner{
        padding-top: 120px;
        align-items: center;
    }

    .hero__main{
        margin-bottom: 8px;
    }
}