#intro ul {
    list-style: none; /* Remove o marcador padrão */
  }

#intro ul li {
    background-image: url(images/check.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    background-size: 16px 17px;
    padding: 0 0 8px 22px;
    font-size: 18px;
    line-height: 22px;
}


a.btn.btn-primary.btn-big.laranja {
    display:inline-block;
   
}



@media (max-width: 576px) {
    #hero {
        background: url(images/hero-mobile.jpg) no-repeat bottom;
        background-size: cover;
        height: 900px;
        align-items: flex-start;
        padding: 28px 17px 0;
    }

    
    #porque {padding: 0 10px;}
    
.btn {
    padding: 19px 20px;
}    
    
}