.sectional {
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0 auto;
}
.sectional th {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	font-style: italic;
	font-weight: bolder;
	font-size: 25px;
}
.sectional td {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	font-size: 20px;
}
.sectional .cat {
	letter-spacing: 10px;
	font-size: 30px;
	font-style: italic;
	font-weight: normal;
}
.sectional .statline {
	height: 2px;
	width: 300px;
	background: #132a8e;
}

@media (max-width: 768px) {

  .sectional {
    width: 100%;
    border-spacing: 2px;
  }

  .sectional th,
  .sectional td {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 16px;
  }

  .sectional .cat {
    font-size: 20px;
    letter-spacing: 4px;
  }
  .sectional .statline {
    width: 100px;
    height: 2px;
    opacity: 0.85;
  }
}


@media (max-width: 480px) {

  .sectional th {
    font-size: 15px;
    padding-left: 5px;
    padding-right: 10px;
  }

  .sectional td {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .sectional .cat {
    font-size: 18px;
    letter-spacing: 2px;
  }
  .sectional .statline {
    width: 60px;
    height: 2px;
  }
}