/*------------------Estilo de Fotos de Albun------------------*/

.Albun h1{
          color: white;
          text-align: center;
          width: 90%;
          margin: 50px auto;
          font-size: 250%;
         }
            
h2{
   color: white;
   width: 1180px;
   margin: 50px auto 50px;
  }

.img-galery{
            width: 1115px;
            margin: 50px auto 100px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 30px;
           }
             
.img-galery img{
                width: 100%;
                height: 160px;
                cursor: pointer;
                transition: 1s;
                outline: 3px solid rgb(184, 0, 0);
               }
             
.img-galery img:hover{
                      transform: scale(1.1);
                     }
             
.full-img{
          display: none;
          width:99.92%;
          height: 99.92vh;
          background-color: rgba(0, 0, 0, 0.9);
          position: fixed;
          top: 0;
          left: 0;
          align-items: center;
          justify-content: center;
          z-index: 99;
          border: solid thin rgb(184, 0, 0);
          border-width: 3px;
         }
         
.full-img img{
              max-width: 98%;
              max-height: 98%;
             }
             
.full-img i{
            color: white;
            font-size: 50px;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0);
           }

.full-img1 i{
             color: white;
             z-index: 99;
             cursor: pointer;
            }

.full-img .bx-left-arrow-alt{
                              position: absolute;
                              top: 49%;
                              left: 2%;
                              font-size: 50px;
                              background-color: rgba(0, 0, 0, 0.526);
                            }

.full-img .bx-right-arrow-alt{
                              position: absolute;
                              top: 49%;
                              right: 2%;
                              font-size: 50px;
                              background-color: rgba(0, 0, 0, 0.526);
                             }

.full-img span{
               position: absolute;
               top: 5%;
               right: 2%;
               font-size: 40px;
               background-color: rgba(0, 0, 0, 0.526);
              }


/*------------------Estilo de Fotos de Albun Pantalla pequeña------------------*/

@media screen and (max-width: 1115px)
    {
     h2{
        width: 98%;
       }

     .img-galery{
                 width: 90%;
                }

     /*.full-img img{
                   max-width: 70%;
                  }*/
    }

  @media screen and (max-width: 1090px)
    {
     .full-img img{
                   max-width: 91%;
                   
                  }
    }

@media screen and (max-width: 940px)
    {      
      h2{
         width: 95%;
        }

      .img-galery{
                  width: 75%;
                 }

      .full-img img{
                    max-width: 90%;
                   }
    }

@media screen and (max-width: 790px)
    {      
     .full-img img{
                   max-width: 85%;
                  }
    }

@media screen and (max-width: 540px)
    {      
     .full-img img{
                   max-width: 80%;
                  }
    }

@media screen and (max-width: 391px)
    {      
     .full-img img{
                   max-width: 75%;
                  }
    }