body {
  background-image: url(/imgInfinita/Apalachesfondo.png);
}

.imgReal {
  background-image: url(/imgInfinita/Apalachesfondocolor.jpg);
}


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

#articulo110{
  grid-area: 1/14/160/96;
  display: grid;
  grid-template-columns: repeat(50, 2%);
  grid-template-rows: repeat(150, 1vh);
}

.titular110{
  grid-area: 1/1/11/51;
  font-size: 1.6vw;
  font-family: "Montserrat";
  text-align: center;
  background-color: black;
  color: white;
}

.texto110{
  grid-area: 10/13/140/36;
}

.texto110 p{
  background-color: white;
  padding: 1vw;
  font-size: 0.9vw;
  font-family: "Rose";
  text-align: left;
}

h3{
  font-size: 1.1vw;
  font-style: italic;
  margin-left: 5vw;
  margin-right: 5vw;
}


#pie1, #pie2, #pie3, #pie5, #pie6{
font-family: "Faustina";
font-size: 0.7vw;
text-align: center;
filter:opacity(0);
}

#foto1{
grid-area: 22/1/76/12;
background-image: url(/imgInfinita/Moonshiners1.jpg);
animation-delay: 1s;}

#pie1{
  grid-area: 77/1/84/12;
}

#foto2{
grid-area: 87/1/136/12;
background-image: url(/imgInfinita/Sutton1.jpg);
animation-delay: 1.5s;
}

#pie2{
  grid-area: 137/1/140/12;
}

#foto3{
grid-area: 22/37/44/51;
background-image: url(/imgInfinita/PubliSutton.jpg);
animation-delay: 1s;
}

#pie3{
  grid-area: 45/37/50/51;
}

#foto4{
grid-area: 52/41/84/48;
background-image: url(/imgInfinita/Whisky-Sutton.jpg);
animation-delay: 1s;
}

#foto5{
  grid-area: 92/37/112/51;
  background-image: url(/imgInfinita/Moonshiners2.jpg);
  animation-delay: 1.5s;
  }

  #pie5{
    grid-area: 113/37/120/51;
  }

  #foto6{
    grid-area: 125/37/150/51;
    background-image: url(/imgInfinita/Moonshiners3.jpg);
    animation-delay: 2s;

    }
  
    #pie6{
      grid-area: 152/37/160/51;
    }
  
#foto1, #foto2, #foto3, #foto4,
#foto5, #foto6{
background-size: cover;
filter:opacity(0);
}

.carruselFoto{
  animation-name: mueveFoto;
  animation-duration: 8s;
  transition-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.flashPie{
  animation-name: flashPie;
  animation-duration: 8s;
  transition-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}

@keyframes mueveFoto {
  0% {
   filter: opacity(0);
   background-position: -20vw;
  }
  100% {
    filter: opacity(1);
    background-position: 0vw;
  }
}
@keyframes flashPie {
  0% {
   filter: opacity(0);
  }
  100% {
    filter: opacity(1);
  }
}