@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@media screen and (max-width: 430px) {
  /* home */
  html {
    overflow-x: hidden;
    width: 100%;
  }
  .background {
    max-height: 750px;
  }
  .menu .menunone {
    display: none;
  }

  .C-title h1 {
    font-size: 2rem;
  }

  .C-title p {
    line-height: 2rem;
    font-size: 1rem;
  }
  /* home */

  /* sec1 */
  .melhor-op {
    height: 100%;
  }
  #parceiros{
    margin-top: 20px;    
    padding: 50px 0px;
}
  .title-op h2 {
    font-size: 25px;
  }

  .card-op i {
    font-size: 35px;
  }

  .card-op h5 {
    font-size: 20px;
  }

  .card-op p {
    font-size: 12px;
  }
  /* sec1 */

  /* sec2 */
  .title-parc h2 {
    font-size: 30px;
  }

  .img-parc a img {
    width: 300px;
  }

  .grid-hubs {
    grid-template-columns: 1fr;
    margin-left: 10px;
  }
  /* sec2 */

  /* sec3 */

  .title-sobre h2 {
    font-size: 30px;
  }

  .caixa-sobre p {
    font-size: 12px;
  }

  .text-sobre {
    max-height: 400px;
  }

  .imgso {
    flex-wrap: wrap;
  }

  .imgsob img {
    border-radius: 50px;
    width: 400px;
  }
  .imgsob2, .imgsob3{
    display: flex;
    align-items: baseline;
    min-height: 700px;
    width: 100% !important;
  }
  .imgsob3{
    background-size: cover !important;
    align-items: center !important;
  }
  .imgsob2{
    background-size: cover !important;
  }
  .imgsob2 h2, .imgsob3 h2{
    width: 100%;
    text-align: center;
    color:var(--terciary);
    align-items:flex-start;
    font-size: 1em;
    line-height: 35px;
    color: var(--primary);
    font-weight: 900;
  }
  .title-sobre1 h2 {
    font-size: 30px;
  }

  .title-sobre1 h3 {
    font-size: 15px;
  }

  .card-sobre1 {
    min-height: 275px;
    width: 85%;
  }

  .card-sobre1 h5 {
    font-size: 20px;
  }

  .caixa-sobre1 p {
    font-size: 12px;
  }

  .s2 {
    height: auto;
    padding: 0px;
  }

  .title-sobre2 h2 {
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .title-sobre2 h3 {
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .card-sobre2 {
    height: 325px;
    width: 85%;
    margin: 20px;
  }

  .card-sobre2 i {
    font-size: 25px;
  }

  .card-sobre2 h5 {
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card-sobre2 p {
    font-size: 12px;
    padding-left: 60px;
    padding-right: 60px;
  }
  /* sec3 */

  /* sec4 */
  .title-clientes h2 {
    font-size: 30px;
  }

  .img-cliente a img {
    width: 150px;
  }
  /* sec4 */

  /* sec5 */
  .title-loc h2 {
    font-size: 30px;
  }

  #mapa {
    width: 300px;
    height: 300px;
  }
  /* sec5 */

  footer .borda {
    display: inline-block;
  }
  .line-footer p{
    justify-content: flex-start;
  }
}

@media screen and (min-width: 430px) and (max-width: 1200px) {
  /* home */
  .C-title h1 {
    font-size: 2rem;
  }
  .background {
    max-height: 750px;
  }
  .C-title p {
    line-height: 2rem;
    font-size: 1rem;
  }
  /* home */
  #parceiros{
    margin-top: 20px;    
    padding: 50px 0px;
}
  /* sec1 */
  .melhor-op {
    height: 100%;
  }

  .title-op h2 {
    font-size: 25px;
  }
  /* sec1 */

  /* sec2 */

  /* sec2 */

  /* sec3 */
  .imgso {
    flex-wrap: wrap;
  }

  .imgsob img {
    width: 700px;
    border-radius: 50px;
  }
  .imgsob2, .imgsob3{
    display: flex;
    align-items: baseline;
    min-height: 700px;
    width: 100% !important;
  }
  .imgsob3{
    align-items: center !important;
  }
  .imgsob3{
    background-size: cover !important;
  }
  .imgsob2{
    background-position: 55% !important;
    background-size: cover; 
    min-height: 800px; 
    width: 100%;
  }
  .imgsob2 h2, .imgsob3 h2{
    width: 100%;
    text-align: center;
    color:var(--terciary);
    align-items:flex-start;
    font-size: 1em;
    line-height: 35px;
    color: var(--primary);
    font-weight: 900;
  }
  .title-sobre1 h2 {
    font-size: 30px;
  }

  .title-sobre1 h3 {
    font-size: 19px;
  }

  .card-sobre1 {
    min-height: 350px;
    width: 350px;
    margin: 15px;
  }

  .card-sobre1 p {
    padding: 20px;
  }

  .card-sobre1 h5 {
    font-size: 30px;
  }

  .caixa-sobre1 p {
    font-size: 24px;
  }

  /* sec3 */

  /* sec4 */
  .img-cliente a img {
    width: 300px;
  }
  /* sec4 */

  /* sec5 */
  #mapa {
    width: 500px;
    height: 500px;
  }

  .info-map h3 {
    font-size: 35px;
  }
  /* sec5 */

  footer .borda {
    display: inline-block;
  }
  .line-footer p{
    justify-content: flex-start;
  } 

}

@media screen and (min-width: 1280px) and (max-width: 1300px) {
  /* sec1 */
  .melhor-op {
    height: 100%;
  }
  .background {
    max-height: 750x;
  }
  .card-op {
    height: 400px;
  }
  #parceiros{
    margin-top: 20px;    
    padding: 50px 0px;
}
  .card-op p {
    font-size: 24px;
  }
  /* sec1 */

  /* sec2 */

  /* .img-parc a img{
        width: 500px;
     } */

  /* sec2 */

  /* sec3 */

  .caixa-sobre p {
    font-size: 20px;
  }

  .text-sobre {
    max-height: 400px;
  }

  .imgso {
    flex-wrap: wrap;
  }

  .title-sobre1 h2 {
    font-size: 30px;
  }

  .title-sobre1 h3 {
    font-size: 15px;
  }

  .card-sobre1 {
    min-height: 250px;
    width: 350px;
    margin: 10px;
  }
  .imgsob2, .imgsob3{
    display: flex;
    align-items: baseline;
    min-height: 700px;
    width: 100% !important;
  }
  .imgsob3{
    align-items: center !important;
  }
  .imgsob3{
    background-size: cover !important;
  }
  .imgsob2{
    background-size: cover !important;
  }
  .imgsob2 h2, .imgsob3 h2{
    width: 100%;
    text-align: center;
    color:var(--terciary);
    align-items:flex-start;
    font-size: 1em;
    line-height: 35px;
    color: var(--primary);
    font-weight: 900;
  }
  .card-sobre1 h5 {
    font-size: 30px;
  }

  .caixa-sobre1 p {
    font-size: 24px;
  }

  .img-cliente a img {
    width: 300px;
  }
  /* sec4 */

  /* sec5 */
  #mapa {
    width: 500px;
    height: 500px;
  }
  /* sec5 */
}