.title {
    margin: 40px 0 20px;
}

.title h1 {
  font-size: 2rem;
  text-transform:uppercase;
  display: flex;
  justify-content: center;
  color: #BC1544;
  font-weight: bold;
}

.gal {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    margin: 0 5rem 0 5rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    }  
    
.gal ul {
    list-style: none;
}
    .gal img{ width: 100%;
    list-style: none;}
@media (max-width: 500px) {
        
        .gal {
    
    
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
      
    
    }
        
    }