Template:RoundRobin.css

.rr-table {
	border: 1.32px solid #77737A;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
}

#Phase_One {
	text-decoration: none;
	color: #ECEBEB;
}

.rr-table th {
    background-color: #19191E;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

.rr-table td {
    padding: 8px;
    border-top: 1px solid #77737A;
    border-left: 1px solid #77737A;
    color: #FFFFFF;
    text-align: center;
}

.rr-table tr:first-child th {
    border-top: none;
}

.rr-table td:not(:last-child) {
	border-right: 1px solid #77737A;
}

.rr-table a {
    color: #ECEBEB;
    text-decoration: none;
}

.promote {background-color: #315A30}
.stay {background-color: #84762F}
.relegate {background-color: #592323}

@media (max-width: 700px) {
  .rr-table {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .bracket {
    flex: 0 0 calc(50% - 0.5rem);
    /*overflow: hidden !important;*/
  }
  
  .bracket-header,
  .bracket-rounds {
    grid-template-columns: 1fr;
  }
  
	/*.bracket-wrapper {*/
	/*  width: 100% !important;*/
	  /*max-width: 100% !important;*/
	/*  box-sizing: border-box;*/
	/*}*/


}