@media screen and (max-width: 800px) {
    .navbar-menu {
      width: 50vw;
    }
    .titulo {
      font-size: 50px;
    }
    .container-servicio img {
      width: 80%;
      margin-bottom: 40px;
    }
    .add-img,
    .checklist-servicio,
    .cont-expert {
      width: 80%;
    }
    .technologies {
      margin: 35px;
    }
    #myBtnContainer {
      text-align: center;
      margin: 5px 5px 20px;
    }
    .service {
      margin-bottom: 30px;
    }
    .project {
      width: 90%;
    }
  
    .footer-content {
      justify-content: center;
    }
    .social-media {
      width: 80%;
      justify-content: space-evenly;
    }
    .social-media i,
    .social-media-icon {
      margin-left: 0;
    }
    .contact-us {
      text-align: center;
      width: 80%;
      margin-bottom: 40px;
    }
  }
  @media screen and (max-width: 500px) {
    .navbar-menu {
      width: 65vw;
    }
    .cont-expert,
    .cont-expert img {
      width: 50%;
    }
    .menu {
      top: 20px;
      right: 20px;
    }
    .subtitulo,
    .titulo {
      font-size: 30px;
    }
  
    .techs-big {
      width: 60% !important;
    }
    .social-media {
      width: 80%;
    }
    .contact-us {
      width: 90%;
    }
  }