.tab-opts {overflow: hidden; background: #fff;}
.tab-opts button {background: #fff; color: #999; border: 1px solid #ccc; outline: none; cursor: pointer; padding: 3px 8px; transition: 0.3s; font-size: 18px;}
	.tab-opts button:hover {color: #000; border: 1px solid #000;}
	.tab-opts button.active {color: #ce0e2d;}
.tabcontent {display: none; margin: 5px 0 0;}


/* === Fix spacing - tablets - line wrapping */
@media only screen and (min-width: 600px) and (max-width: 900px) {
	.ex-br-margin br {-margin: 20px;}
}


/* === Fix spacing - mobile - H1 margin */
@media only screen and (max-width: 600px) {
	h1 {margin-bottom: 16px !important;}
}


@media only screen and (min-width: 500px) {

	.chart-header-fix {margin-bottom: 8px !important;}
	.accolades-padding {width: 97% !important; margin-right: 3% !important;}

	.chart-100 {width: 100%}

	.chart-50-a {width: 47%; margin-right: 6%; float: left;}
	.chart-50-b {width: 47%;}

	.chart-33-a {width: 28%; margin-right: 5%; float: left;}
	.chart-33-b {width: 28%; margin-right: 5%; float: left;}
	.chart-33-c {width: 29%;}

}


@media only screen and (max-width: 499px) {
	
	.tab-opts button {clear: both !important; width: 100%; margin: 0 0 10px;}
	
	.chart-header-fix {}
	.chart-100 {width: 100%}

	.chart-50-a {width: 100%}
	.chart-50-b {width: 100%}

	.chart-33-a {width: 100%}
	.chart-33-b {width: 100%}
	.chart-33-c {width: 100%}

}