.modal-content {
  background-color: #121212;
}

.modal-content button{
  color: #FFFFFF;
}

.modal-content button:hover{
  color: #FFFFFF;
}

#modal-regulamento h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #FFFFFF;

}

#modal-regulamento section {
  margin-bottom: 35px;
  color: #FFFFFF;

}

#modal-regulamento h2 {
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;

}

#modal-regulamento h2 span {
  margin-right: 5px;
  color: #FFFFFF;

}

#modal-regulamento .modal-header {
  border: none;
  color: #FFFFFF;

}

.modal-body h1, .modal-body h2, .modal-body p {
  color: #FFFFFF;
}

@media screen and(max-width: 400px) {
  .modal-regulamento h1 {
    font-size: 2rem;
  }
}