body {
    background-image: url(/imgInfinita/Sordosfond.jpg);
  }
  .imgReal {
    background-image: url(/imgInfinita/Sordosfondocolor.jpg);
  }

#contenedorPagInf {
  margin-top: 5vh;
  margin-left: 2vw;
  display: grid;
  grid-template-columns: repeat(98, 1vw);
  grid-template-rows: repeat(200, 1vh);
}

#titular210 {
  grid-area: 1/15/40/35;
}
#titular211 {
  grid-area: 1/40/40/60;
}
#titular212 {
  grid-area: 1/65/40/85;
}

#titular210,
#titular211,
#titular212{
padding-top: 13vh;
padding-left: 2vw;
padding-right: 2vw;
font-size: 1.7vw;
font-family: "Montserrat";
font-weight: 500;
text-align: center;
color: transparent;
transition: 500ms;
}

.rodar {
  animation-name: rodar;
  animation-duration: 3s;
  animation-iteration-count:initial;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

/*grupo a instalar en cambios1*/

.texto210 {
grid-area: 15/16/96/65;
color: transparent;
font-size: 0.8vw;
font-family: "Montserrat";
font-weight: 500;
text-align: left;
line-height: 2.2vh;
text-indent: 1vw;
transition: 3s;
}

.texto210 a{
  color: transparent;
}

#foto11{
  grid-area: 16/68/80/90;
}

.img11{
background-image: url('./imgInfinita/Alphabetum.jpg');
background-size: contain;
background-repeat: no-repeat;
}

#foto11 p{
width: 21vw;
margin-top: 65vh;
font-family: "Rose";
font-size: 0.8vw;
color: transparent;
transition: 3s;
visibility: visible;
}

#foto12{
grid-area: 95/68/120/96;
}

.img12{
background-image: url("./imgInfinita/Colsordomudos.jpg");
background-size: cover;
background-repeat: no-repeat;
}
#foto12 p{
  width: 21vw;
  margin-top: 26vh;
  font-family: "Rose";
  font-size: 0.8vw;
  color: transparent;
transition: 3s;
  }

  #foto13{
    grid-area: 130/68/200/90;
  }

  .img13{
    background-image: url("./imgInfinita/Marroquin.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
  #foto13 p{
    width: 21vw;
    margin-top: 71vh;
    font-family: "Rose";
    font-size: 0.8vw;
    color: transparent;
    transition: 3s;
  }

/*fin de cambios1)*/

      .texto211 {
        grid-area: 12/16/96/65;
        color: transparent;
        font-size: 0.8vw;
        font-family: "Montserrat";
        font-weight: 500;
        text-align: left;
        line-height: 2.2vh;
        text-indent: 1vw;
        transition: 3s;
        }


        #foto21{
          grid-area: 16/68/52/94;
        }
        
        .img21{
        background-image: url('./imgInfinita/Gallaudet1.jpg');
        background-size: contain;
        background-repeat: no-repeat;
        }
    
        
        #foto22{
        grid-area: 54/68/98/94;
        }
        
        .img22{
        background-image: url("./imgInfinita/Gallaudet2.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        }
        
          #foto23{
            grid-area: 100/68/140/94;
            }
        
            .img23{
              background-image: url("./imgInfinita/Gallaudet3.jpg");
              background-size: contain;
              background-repeat: no-repeat;
 }
        
.texto212 {
              grid-area: 12/16/96/65;
              color: transparent;
              font-size: 0.8vw;
              font-family: "Montserrat";
              font-weight: 500;
              text-align: left;
              line-height: 2.2vh;
              text-indent: 1vw;
              transition: 3s;
              }

              #foto31{
                grid-area: 16/68/52/94;
              }
              
              .img31{
              background-image: url('./imgInfinita/Coclear1.jpg');
              background-size: contain;
              background-repeat: no-repeat;
              }
          
              #foto31 p{
                width: 21vw;
                margin-top: 31vh;
                font-family: "Rose";
                font-size: 0.8vw;
                color: transparent;
              transition: 3s;}

              #foto32{
              grid-area: 60/68/98/94;
              }
              
              .img32{
              background-image: url("./imgInfinita/Coclear2.jpg");
              background-size: contain;
              background-repeat: no-repeat;
              }
              #foto32 p{
  width: 21vw;
  margin-top: 31vh;
  font-family: "Rose";
  font-size: 0.8vw;
  color: transparent;
transition: 3s;}

                #foto33{
                  grid-area: 102/68/140/94;
                  }
              
                  .img33{
                    background-image: url("./imgInfinita/Coclear3.jpg");
                    background-size: contain;
                    background-repeat: no-repeat;
                  }
                  #foto33 p{
                    width: 21vw;
                    margin-top:31vh;
                    font-family: "Rose";
                    font-size: 0.8vw;
                    color: transparent;
                  transition: 3s;}

@keyframes rodar {
  0% {
    transform: translate(75vw) rotateZ(360deg);
    background: radial-gradient(circle, rgb(243, 247, 25) 0%, rgb(180, 139, 51) 100%);border-radius: 50%;
    color: black;
  }
  100% {
    transform: translate(0vw) rotateZ(0deg);
    background: radial-gradient(circle, rgb(243, 247, 25) 0%, rgb(180, 139, 51) 100%);border-radius: 50%;
    color: black;
}
}

@media only screen and (max-height: 800px) {
 #textoBio{
line-height: 1.2vw;}
  }
  
@media only screen and (max-height: 650px) {

  #pieFoto201{
    grid-area:60/40/62/96;
  }
}