@media screen and (max-width: 991px) {
    .banner {
        padding-top: 12rem;
        text-align: center;
        height: auto;
    }

    .banner h1 {
        padding-top: 1rem;
    }

    .banner .btn-primario {
        margin: 1rem auto 2rem;
        display: block;
    }

    .contato .flex1 {
        align-items: center;
    }

    .contato h2 {
        margin-top: 1rem;
    }

    .menu a {
        text-align: center;
    }

    .menu .btn-primario {
        display: block;
        margin: 0 auto 2rem;
        max-width: 192px;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }
}

@media screen and (max-width: 767px) {
    .profissionais p {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 431px) and (max-width: 575px) {
    .wizard > .steps > ul > li {
        width: 50% !important;
    }
}

@media screen and (max-width: 430px) {
    .wizard > .steps > ul > li {
        width: 100% !important;
    }
}

@media screen and (max-width: 548px) {
    .banner-background {
        padding: 15px;
    }

    .banner img {
        border-radius: 5rem;
    }
}