@media screen and (max-width:1100px){
    .titulo-principal{
        font-size: 50px;
        max-width: 610px;
        line-height: 40px;
    }
    .sub-titulo{
        font-size: 20px;
    }

    .btn-secao-inicio{
        font-size: 20px;
    }
}

@media screen and (max-width:850px){
    header{
        justify-content: space-between;
        width: 95%;
    }
    header .menu{
        display: none;
    }
    i.btn-abrir{
        display: block;
    }
}

@media screen and (max-width:580px){
    .titulo-principal{
        font-size: 45px;
        max-width: 100%;
        line-height: 40px;
    }
}

@media screen and (max-width:480px){
    .titulo-principal{
        font-size: 30px;
        max-width: 100%;
        line-height: 45px;
    }

    .sub-titulo{
        font-size: 17px;
        line-height: 20px;
        width: 95%;
    }
}