body {
		font-family: 'proxima-nova', sans-serif;

	}
	h1 {
		font-size: 150%;
		text-align: center;
		font-family: 'proxima-nova', sans-serif;
		font-weight: 600;
		font-style: normal;
		display:block;
	}
	.top50_h1_mobile {
		font-size: 120%;
		text-align: left;
		font-family: 'proxima-nova', sans-serif;
		font-weight: 600;
		font-style: normal;
		margin-top: 20px;
		display:none;
	}
	.span1 {
		color: white;
		font-weight: 600;
		background: black;
		padding: 5px 15px;
	}
	.span2 {
		color: black;
		font-weight: 600;
		background: #e6e5e5;
		padding: 5px 15px;
		margin-top: 10px;
		
	}
	.span2_mobile {
		color: black;
		font-weight: 600;
		background: #e6e5e5;
		padding: 5px 15px;
		margin-top: 10px;
		
		display: inline-block;
	}
	
	@media (max-width: 600px) {
		.top50_h1_mobile {
			display:block;
		}
		h1 {
			display:none;
		}
		p {
			text-align: left;
		}
	}
	table {
		width: 95%;
		margin: 30px auto;
	}
	td {
		padding: 15px 10px;
	}
	.tbl_top50 {
		margin-bottom: 30px;
		
	}
	.source {
		font-style: italic;
		font-size: 90%;
		color: gray;
	}
	.material-icons {
		font-size: 16px !important;
	}
	p {
		text-align: center;
		font-family: 'proxima-nova', sans-serif;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.alignr {
		text-align: right;
	}
	tr {
		border-bottom: 1px solid lightgray;
	}
	.emphasis {
		background-color: #f0f0f0;
	}