@media (max-width: 992px) {
    nav.navbar-expand-lg {
        visibility: hidden;
    }

    nav.menuMOBILE {
        visibility: visible;
        background-color: #fff;
    }
    .navbar-brand img{
        width: 100px;
    }

    .main.main {
        flex-wrap: wrap;
        gap: 2%;
    }
}

@media (max-width: 908px) {
    .titulo h1 {
        text-align: center;
        font-size: 3rem;
    }
}

@media (max-width: 778px) {
    .titulo h1 {
        text-align: center;
        font-size: 3rem;
    }
}

@media (max-width: 648px) {
    .titulo h1 {
        margin-top: 2rem
    }
}

@media (max-width: 352px) {
    .titulo h1 {
        margin-top: 3.5rem;
        font-size: 2rem;
    }
}

@media (max-width: 1386px) {
    .titulo {
        margin: 3% auto;
    }
}

@media (max-width: 1353px) {
    /* .main {
        flex-direction: column !important;
    } */

    div.items a {
        color: #58595b;
    }
}

@media (max-width: 1667px) {
    nav.navbar-expand-lg {
        /*MENU PC*/
        background-color: white;
    }
}
/*  */
/*  */


/* ajustes do padding para o primeiro texto aparecer */
@media (max-width: 1667px){
    
    main.main {
      padding: 8% 5.2% 1% 5.2%;
}

}
@media (max-width: 838px){

  main.main {
    padding: 11% 5% 1% 5% !important;
  }

  
}
@media (max-width: 704px) {
  main.main {
    padding: 20% 5% 1% 5% !important;
  }
}
@media (max-width: 992px){
    
    main.main {
      padding: 9% 5% 1% 5%;
    }

}
/*  */



@media (max-width: 1372px) { /* tablet */
    /* tamanho do texto para um bom alinhamento */
    .titulo {
        width: 1060px;
    }
    /*  */
    /* formulario ao lado direito de cards */
    .Rcard_doLado_formulario {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    /* cards em 2 linhas e 2 colunas */
    .contCards {
            display: flex;
    flex-direction: column;
    width: fit-content;
    height: fit-content;
    }

    .box {
        display: flex;
        flex-direction: row;
        padding: 1%;
        gap: 20px;
    }
    /* tamanho dos cards para novo alinhamento e mais atrativo pro mobile */
    .card {
        margin: 2%;
        height: 250px;
        width: 280px;
    }
    /*  */
    /* formulario // visibilidade e tamanho*/

    .formulario {
        width: 400px;
        padding: 6%;
    }

}
@media (max-width: 1181px) { /*tablet*/

    /* tamanho dos cards para novo alinhamento e mais atrativo pro mobile */
    .card {
        width: 270px;
    }

}
@media (max-width: 992px){
    
    /* ajuste tamanho do texto para base de novo alinhamento */
    .titulo h3 {
        text-align: justify;
        width: 840px;
    }
    /* ajuste de tamanho para alinhamento */
    .card {
        height: 250px;
        width: 256px;
    }
    /*  */
    /* ajuste de tamanho para alinhamento */
    .formulario {
        width: 350px;
    }
    /*  */

}
@media (max-width: 426px){
  .card {
    height: 200px;
  }
}
@media (max-width: 344px){
  .card {
    height: 180px;
  }
}
@media (max-width: 790px) { /* celular */

    /* formulario abaixo de cards */
    .Rcard_doLado_formulario {
        display: flex;
        flex-direction: column;
    }
    .RcontFormulario {
        margin-top: 3%;
    }

}
@media (max-width: 600px) {
   main.main {
       padding: 25% 5% 1% 5%;
   }
}
@media (max-width: 300px) {
    .box {
        display: flex;
        flex-direction: row;
        margin: auto;
    }

    /* desativando hover e centralizando*/
    .card:not(:first-child) {
        margin-left: unset;
    }
    .card:hover {
        transform: unset;
        transition: unset;
    }
    
    .card:hover~.card {
        position:unset;
        left: unset;
        transition: unset;
    }
    .card:hover .stroke {
        stroke-dashoffset: unset;
        transition: unset;
    }
    /*  */
    .card {
        margin: 0 auto;
        height: 140px;
        margin: 1%;
    }
    main.main {
        margin-top: 10%;
    }
}
@media (max-width: 256px){
  .card {
    height: 120px;
  }
}
@media (max-width: 203px){
  .card {
    height: 100px;
  }
}
@media (max-width: 375px){
main.main {
    padding: 25% 5% 1% 5% !important;
}
}

@media (max-width: 992px){
  a.navbar-brand {
    font-size: 2rem;
}
  .subBrand {
    padding: unset;
    margin: unset;
}
}
@media (max-width:430px) {
  button.navbar-toggler {
    margin: 0 auto;
}
  nav.menuMOBILE {
       padding: 1% 10% 13%;
}
  main.main {
    padding: 38% 5% 1% 5% !important;
}
}

@media (max-width: 334px) {
  .titulo h3 {
    font-size: 2rem;
}
  main.main {
    padding: 42% 5% 1% 5% !important;
}
}

@media (max-width: 1207px){
.titulo h3 {
    font-size: 2.5rem !important;
}
}
@media (max-width: 1207px){
h3.titcard.title {
    font-size: 1.3rem !important;
}
}
@media (max-width: 1083px){
.titulo h3 {
    font-size: 2.2rem !important;
}
}
@media (max-width: 551px){
.titulo h3 {
    font-size: 2rem !important;
}
}
@media (max-width: 502px){
.titulo h3 {
    font-size: 1.8rem !important;
}
}
@media (max-width: 453px){
.titulo h3 {
    font-size: 1.7rem !important;
}
}
@media (max-width: 428px){
.titulo h3 {
    font-size: 1.5rem !important;
}
.titulo p {
  font-size: 26px !important;
}
}
@media (max-width: 379px){
.titulo h3 {
    font-size: 1.2rem !important;
}
.titulo p {
    font-size: 22px !important;
}
}

@media (max-width: 472px){
h3.titcard.title {
    font-size: 1.2rem !important;
}
}
@media (max-width: 436px){
h3.titcard.title {
    font-size: 1.3rem !important;
}
}
@media (max-width: 436px){
h3.titcard.title {
    font-size: 1.1rem !important;
}
}
@media (max-width: 369px){
h3.titcard.title {
    font-size: 1rem !important;
}
}
@media (max-width: 338px){
h3.titcard.title {
    font-size: 0.9rem !important;
}
}
@media (max-width: 304px){
h3.titcard.title {
    font-size: 0.8rem !important;
}
.box {
  gap: 0px !important;
}
}
@media (max-width: 281px){
h3.titcard.title {
    font-size: 0.7rem !important;
}
}
@media (max-width: 247px){
h3.titcard.title {
    font-size: 0.6rem !important;
}
}