@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/* estilo Titulo */
h1 {
    text-align: center ;
}
/* Estilo de la seccion 1 */
.seccion1{
    min-height: 65vh;
    background-color:#88E0EF;
}

.seccion1_contenedor{
    width: 75%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h2 {color: white; 
    text-align: center;
    font-family: 'Anton', sans-serif;
    letter-spacing: 2px; 
    margin-top: 3px; 
    margin-left: 10px;
}
.fotopersonal {width: 30%; }

/* Estilo de la seccion 2 */

.seccion2{
    min-height: 40vh;
    background-color:#161E54;
    min-width: 90%;
    margin: auto;
}

/* Galeria */
#gallery{
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:2;
    
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
  @media (max-width:1200px){
    #gallery{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
      
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
  }
  @media (max-width:800px){
    #gallery{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
      
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
  }
  }
  @media (max-width:600px){
    #gallery{
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
  }  
  }
  #gallery img {
    width:100%;
    height:auto;
    margin: 4% auto;
    box-shadow:-3px 5px 15px #000;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .modal-img,.model-vid{
    width:100%;
    height:auto;
  }
  .modal-body{
    padding:0px;
  }


.seccion3{
    min-height: 50vh;
    background-color:#FF5151;
}

.redes {display: flex;
  flex-direction: row;
  flex-wrap: wrap;
 justify-content: center; 

gap:50px;
}

.redes a{
  position: relative;
  height: 140%;
}

.redes a img{
  width: 40%;
  padding: 10px;;
}
.seccion4{
    height: 100vh;
    background-color:#FF9B6A;
    
}

.fotocollage{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;


}

.fotocollage img{
  width: 25%;
}
p{
  text-align: justify;
  margin-left: 20px;
}