.fiestas 
{
  
  background-color: black;
  text-align: center;


   
}

ul.festejo
{
   
   margin: auto auto;
   text-align: center;

}
ul.festejo li
{
     display: inline;
     margin-top: 50%;
}

ul.festejo li a
{
    background: black;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
 
    padding:8px 50px;
   
    color: white;
   
    margin-bottom:20px;
    font-size: 14px;
  
}

ul.festejo li a:hover
{
    background: white;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    text-decoration: none;
 
  
    color: black;
  
  
}



.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}


@media (min-width:576px) {
    
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }
  
}