/* GALERIA */
.galeria-container {
  display: flex;
    justify-content: center;
    align-items: center;
}

.galeria {
  display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
  .galeria .img-box {
    width: 150px; height: 150px;
      overflow: hidden;
    display: flex;
      justify-content: center;
      align-items: center;
    cursor: pointer;

    margin: .25rem;
      border: 4px solid transparent;
      border-radius: 1rem;
      transition: .2s;
  }
    .galeria .img-box:hover {
      border: 4px solid hsl(340, 80%, 50%);
        border-radius: 1rem;
        transition: .2s;
    }
      .galeria img {
        height: 100%; width: auto;
      }

  .galeria-full {
    display: none;
      justify-content: center;
      align-items: center;

    position: fixed;
      top: 0; left: 0;
      z-index: 1040;
      width: 100%; height: 100%;

    background-color: hsla(0, 0%, 0%, .8);
  }
    .carousel {
      display: grid;
        place-items: center;
    }
      .carousel-inner, .carousel {
        width: 80%; height: 90%;
      }
        .carousel-inner {
          display: flex;
            align-items: center;
        }
          .carousel-item {
            justify-content: center;
            align-items: center;
          }
          .carousel-item.active {
            display: flex;
          }


    .galeria-control {
      font-size: 10rem !important;
      position: fixed;
    }
      .carousel-control-prev {
        left: 0rem;
      }
      .carousel-control-next {
        right: 0rem;
      }
      .carousel-control-next-icon,
      .carousel-control-prev-icon {
        width: 40px; height: 40px;
      }

  .cerrar {
    position: absolute;
      top: 0; right: 2rem;
      z-index: 1045;

    color: white;
      font-size: 3.4rem;
    cursor: pointer;
  }




/* CORRECCIONES */
/* Large devices (large desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {
  .carousel-inner {
    height: 400px;
  }
}

/* Medium devices (desktops, 992px and down) */
@media only screen and (max-width: 992px) {
  /* .logo-congreso {
    width: 250px;
      margin: 0 auto;
  } */

  /* thumbnail */
  .galeria .img-box {
    width: 125px; height: 125px;
  }

  .carousel-inner, .carousel {
    width: 80%;
  }
    .carousel-inner {
      height: 325px;
    }
}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  .logo-congreso {
    width: 200px;
  }

  /* thumbnail */
  .galeria .img-box {
    width: 100px; height: 100px;
  }

  .carousel-inner, .carousel {
    width: 75%;
  }
    .carousel-inner {
      height: 250px;
    }
}

@media only screen and (max-width: 486px) {
  .galeria-container, .galeria.container-fluid {
    margin: 0 !important;
    padding: 0 !important;
  }
  .carousel-inner, .carousel {
    width: 100%;
  }
    .carousel-inner {
      height: 220px;
    }
      .carousel-control-prev,
      .carousel-control-next {
        bottom: -420px;
      }
}