@media (max-width: 1400px)  {
          #headerButton{
          font-size: 1.5rem;
     }
     
     .titulo{
          font-size: 5rem;
          color: white;
     }

     .nombre{
         font-size: 3rem;
         color: white 
     }
     
     .subtitulo{
          font-size: 2rem;
          color:white;
     }

     .telefonos{
          font-size: 3rem;
          color: white;
     }
     
     .telefonos span img{
     
          height: 40px;
     }
     
     
     .rowHeader{
          padding-left: 20px;
     }
     .imgface img{
          display: flex;
          height: 150px;
          padding-left: 5%;
     }
     .rowCards{
          padding-left: 50px;
          border-style: dotted;
          height: auto;
          font-size: 1rem;
     
     }
}

@media (max-width: 1200px)  {

     .rowHeader{
          padding-left: 20px;
     }
     #headerButton{
          font-size: 1.5rem;
     }
     #rowRedes img{
          height: 36px;
          border-radius: 6px;
      }
     
     .titulo{
          font-size: 4.5rem;
          color: white;
     }

     .nombre{
         font-size: 2.5rem;
         color: white 
     }
     
     .subtitulo{
          font-size: 2rem;
          color:white;
     }

     .telefonos{
          font-size: 2rem;
          color: white;
     }
     
     .telefonos span img{
     
          height: 20px;
     }
     
     .imgface img{
          display: flex;
          height: 100px;
          padding-left: 41%;
     }

          /*Body*/
          .grupo1 h2{
               font-size: 10px;
          }
     
          .card-body .btn{
               font-size: 1rem;
          }
              /*Footer*/
     .rowRedesFooter{
          width:24px;
          height:24px;
          border-radius: 6px;
      }
      .bi{
          width: 54px;
          height: 26px;
      }
}

@media (max-width: 992px)  {

     .rowHeader{
          padding-left: 20px;
     }
     #headerButton{
          font-size: 1.5rem;
     }
     #rowRedes img{
          height: 36px;
          border-radius: 6px;
      }
     
     .titulo{
          font-size: 4.5rem;
          color: white;
     }

     .nombre{
         font-size: 2.5rem;
         color: white 
     }
     
     .subtitulo{
          font-size: 2rem;
          color:white;
     }

     .telefonos{
          font-size: 2rem;
          color: white;
     }
     
     .telefonos span img{
     
          height: 20px;
     }
     
     .imgface img{
          display: flex;
          height: 100px;
          padding-left: 41%;
     }

          /*Body*/
          .grupo1 h2{
               font-size: 10px;
          }
     
          .card-body .btn{
               font-size: 1rem;
          }
              /*Footer*/
     .rowRedesFooter{
          width:24px;
          height:24px;
          border-radius: 6px;
      }
      .bi{
          width: 54px;
          height: 26px;
      }
     
}

@media (max-width: 768px)  {

  /*Header*/   
     .rowHeader{
          padding-left: 20px;
     }
     #rowRedes img{
          height: 36px;
          border-radius: 6px;
      }

     #headerButton{
          font-size: 1.5rem;
     }
     
     .titulo{
          font-size: 4rem;
          color: white;
          text-align: center;
     }

     .nombre{
         font-size: 3rem;
         color: white;
         text-align: center;
     }
     
     .subtitulo{
          font-size: 2rem;
          color:white;
          text-align: center;
     }

     .telefonos{
          font-size: 2.5rem;
          color: white;
     }
     
     .telefonos span img{
     
          height: 30px;
     }

     .imgface img{
          display: flex;
          height: 100px;
          padding-left: 41%;
     }
     /*Body*/
     .grupo1 h2{
          font-size: 10px;
     }

     .card-body .btn{
          font-size: 0.7rem;
     }

     /*Footer*/
     .rowRedesFooter{
          width:24px;
          height:24px;
          border-radius: 6px;
      }
      .bi{
          width: 54px;
          height: 26px;
      }


}

@media (max-width: 576px)  {

     #rowRedes img{
          height: 36px;
          border-radius: 6px;
      }

     #headerButton{
          font-size: 1.5rem;
     }
     
     .titulo{
          font-size: 3.5rem;
          color: white;
          text-align: center;
     }

     .nombre{
         font-size: 2rem;
         color: white;
         text-align: center;
     }
     
     .subtitulo{
          font-size: 1.5rem;
          color:white;
          text-align: center;
     }

     .telefonos{
          font-size: 2rem;
          color: white;
     }
     
     .telefonos span img{
     
          height: 20px;
     }
     
     
     .rowHeader{
          padding-left: 20px;
     }

     .imgface img{
          height: 100px;
          padding-left: 34%;
     }

         /*Body*/
     .grupo1 h2{
          font-size: 14px;
     }

     .card-body .btn{
          font-size: 1.5rem;
     }
     
     /*Modal imagenes*/
     
     .modal-title{
          color:white;
     }
     
     .modal{
        background: #0005;
     }

     /*Footer*/
     .rowRedesFooter{
          width:24px;
          height:24px;
          border-radius: 6px;
      }
      .bi{
          width: 54px;
          height: 26px;
      }

     


}