@font-face {
  font-family: Alfa;
  src: url(fonts/Alfa.ttf);
}

body{
  margin: 0;
  text-decoration: none;
  font-family: Alfa;
  text-decoration: none;
}

/*Portada*/

.banner img{
  width: 100%;
  margin-bottom: -10px;
  margin-top: 0px;
}

body{
  background: #cd2629!important;
}


.container-portada .contenedor{
  width: 100%;
  text-align: center;
}

#banner2{
  display: none;
}

#banner1{
  display: block;
}

#galery{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
   gap: 10px;
  grid-auto-rows: minmax(300px, auto);
  text-align: center;
}

#galery img{
  width: 100%;
}

.vh-90 {
  height: 90vh;
}

.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.95);
}

.bg-black-transparent{
  z-index: 1000000000000;
}

.title-galery{
  font-size: 50px!important;
  background: #202020;
  text-align: center;
  padding: 30px;
  color: #fff;
}

#close{
  background: red;
  color: #fff;
}

#black{
  position:  fixed;;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: 9;
}


@media(max-width:1000px) {

  #banner1{
    display: none;
  }

  #banner2{
    display: block;
  }

  #close{
    top: 40px;
  }

  #galery{
 grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(100px, auto);
 margin-bottom: 50px;
  }

#galery img{
  height: 120px;
}

.flex-grow img{
  min-width: 350px;
}

#previous{
  position: relative;
  left: 80px;
}

#next{
  position: relative;
  left: -80px;
}

#close{
  right: -30px;
  background: red;
  color: #fff;
}
}