.titregalerie{
    width: auto;
    height: auto;
    margin: auto; 
}

h1{
  font-size:70px;
  text-align:center;
  color:#4674ca;
  padding:1%;
  font-family: 'Sriracha';
    text-shadow: 5px 5px 25px white, 3px 2px 0px black;
}



.gallery{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
  
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}

@media (max-width:1200px){
  .gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -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,.gallery video {
  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;
}

.gallery{
    margin-bottom: 60px;
    margin-top: 40px;
}

#backgallery{
    color: #fe0002;
    font-size: 40px;
    font-weight: 600;
    text-decoration: underline;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}