main {

  padding-top: 6rem;

}



main section .logo-text {

  /* max-width: 1200px; */

  width: 100%;

  margin: 2rem auto;

}

main section .logo-draw {

  max-width: 200px;

  width: 100%;

}



main section .bg-hero {

  background-image: url(../images/bg-hero.png);

  background-repeat: no-repeat;

  background-position: left;

  background-size: cover;



  border-radius: 40px;



  padding: 0.5rem;

}



main section .info-icon {

  max-width: 300px;

  width: 100%;

}



main section .bg-services {

  background-color: var(--bs-secondary);

  border-radius: 40px;

  background-image: url(../images/bg-card.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



main section .bottom-logo {

  max-height: 45px;

  height: 100%;

}



main .kid {

  max-width: 260px;

}



@media only screen and (min-width: 556px) {

  main section .bg-hero {

    background-image: url(../images/bg-hero.png);

    background-repeat: no-repeat;



    background-size: cover;

  }

}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 992px) {

  main section .bg-hero {

    background-position: bottom;

    padding: 3rem;

  }



  main section .custom-h {

    height: 50px;

  }

}

@media only screen and (min-width: 1200px) {

  main section .custom-h {

    height: 40px;

  }

}

@media only screen and (min-width: 1400px) {

  main section .custom-h {

    height: 35px;

  }

}

@media only screen and (min-width: 1600px) {

}