/* Dispositivos pequeños (teléfonos horizontales, 576px y más) */
 @media (min-width: 576px) {

  .social .btn-xl {
    width: 110px;
    height: 110px;
    padding: 10px 16px;
    font-size: 65px;
    line-height: 1.33;
    border-radius: 35px;
  }

   div .titulo {
     font-family: 'Inter';
     font-weight: 400;
     font-size: 20px;
   }

    div .titulo {
      font-family: 'Inter';
      font-weight: 900;
      white-space: pre-wrap;
      word-wrap: normal;
      line-height: 1.15em;
      text-align: center;
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      font-size: 50px;
      height: 60px;
      transform: scale(1) translateY(0px);
      margin-top: 1rem;
      color: #FFF;
      margin-top: -20px;
      margin-bottom: 70px;
    }

    .img{
      margin-top: 1rem;
    }
 }

 /* Dispositivos medianos (tabletas, 768px y más) */
 @media (min-width: 768px) {
     .social .btn-xl {
       width: 140px;
       height: 140px;
       padding: 10px 16px;
       font-size: 85px;
       line-height: 1.33;
       border-radius: 35px;
     }

   div .titulo {
     font-family: 'Inter';
     font-weight: 400;
     white-space: pre-wrap;
     word-wrap: normal;
     line-height: 1.15em;
     text-align: center;
     margin: 0;
     padding: 0;
     border: 0;
     overflow: hidden;
     font-size: 20px;
     transform: scale(1) translateY(0px);
     margin-top: 1rem;

   }

    div .titulo {
      font-family: 'Inter';
      font-weight: 900;
      white-space: pre-wrap;
      word-wrap: normal;
      line-height: 1.15em;
      text-align: center;
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      font-size: 50px;
      height: 60px;
      transform: scale(1) translateY(0px);
      margin-top: 1rem;
      color: #FFF;
      margin-top: -20px;
      margin-bottom: 70px;
    }

 }

 /* Dispositivos grandes (escritorios, 992px y más) */
 @media (min-width: 992px) {
   .social .btn-xl {
     width: 150px;
     height: 150px;
     padding: 20px 10px;
     font-size: 80px;
     line-height: 1.33;
     border-radius: 35px;
   }

   div .titulo {
     font-family: 'Inter';
     font-weight: 900;
     white-space: pre-wrap;
     word-wrap: normal;
     line-height: 1.15em;
     text-align: center;
     margin: 0;
     padding: 0;
     border: 0;
     overflow: hidden;
     font-size: 70px;
     height: 60px;
     transform: scale(1) translateY(0px);
     margin-top: 1rem;
     color: #FFF;
     margin-top: -20px;
     margin-bottom: 70px;
   }

    /* .wa {      
      padding-left: 16rem;
    }
    .you{
padding-left: 14rem;
    } */

   footer{
     left: 0;
     bottom: 0;
     width: 100%;
     background-color: #efeff6;
     color: #000;
     text-align: center;
     padding: 1rem;
   }

 }


 /* Dispositivos X-Large (escritorios grandes, 1200px y más) */
 @media (min-width: 1200px) {
   html {
     overflow-x: hidden;
     overflow-y: hidden;
   }

   div .titulo {
     font-family: 'Inter';
     font-weight: 900;
     white-space: pre-wrap;
     word-wrap: normal;
     line-height: 1.15em;
     text-align: center;
     margin: 0;
     padding: 0;
     border: 0;
     overflow: hidden;
     font-size: 70px;
     height: 70px;
     transform: scale(1) translateY(0px);
     margin-top: 1rem;
     color: #FFF;
     margin-top: -20px;
     margin-bottom: 70px;
   }

   .conte {
     margin-top: -3rem;
   }

   .ocultar {
     display: block;
   }

   .social .btn-xl {
     width: 140px;
     height: 140px;
     padding: 10px 16px;
     font-size: 80px;
     line-height: 1.33;
     border-radius: 35px;
   }

   .img {
     height: 100%;
     width: 200px;
     margin-top: -20px;
   }


    footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #efeff6;
      color: #000;
      text-align: center;
      padding: 1rem;
      clear: both;
    }
  
 }

 /* XX-Dispositivos grandes (escritorios más grandes, 1400px y más) */
 @media (min-width: 1400px) {
   html{
      overflow-x: hidden;
      overflow-y: hidden;
   }

   div .titulo {
     font-family: 'Inter';
     font-weight: 900;
     white-space: pre-wrap;
     word-wrap: normal;
     line-height: 1.15em;
     overflow: hidden;
     font-size: 80px;
     height: 125px;
     transform: scale(1) translateY(0px);
        margin-top: -10px;
   }

   .conte {
     margin-top: -3rem;
   }

   .ocultar {
     display: block;
   }


   .social .btn-xl {
     width: 170px;
     height: 170px;
     padding: 10px 16px;
     font-size: 100px;
     line-height: 1.33;
     border-radius: 35px;
   }

   .img {
     height: 100%;
     width: 200px;
     margin-top: -70px;
   }

   footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #efeff6;
      color: #000;
      text-align: center;
      padding: 1rem;
      clear: both;
    }


 }