/*Frequency Legend Entries*/

/*The frequency legend container*/
#freqIndexContainer {
	display: none;
	padding-bottom: 5px;
}

	/*Disclaimer*/
	#freqDisclaimer{
		display: none;
	}

	/*CSS grid containing legend*/
	#freqIndex {
		display: grid;
		grid-gap: 0px;
		font-family:arial,sans-serif;
		font-size:7pt;
		justify-content: center;	
		grid-template-columns: repeat(auto-fill, 100px);
		/*grid-auto-columns: 115px;*/

	}

		/*Each legend item*/
		.freqIndexItem {
			text-align: left;
			font-family: 'Gotham Rounded',sans-serif;
			font-weight: 300;
		}

			/*Colored lines in each item*/
			.legend-line {
				display: inline-block;
				height: 10px;
				width: 20px;
				margin-right: 5px;
				margin-left: 5px;
			}

			#line10 {background-color: #8f0709}
			#line15 {background-color: #c43f3f}
			#line20 {background-color: #815aa6}
			#line30 {background-color: #0068a3}
			#line45 {background-color: #69d0fa}
			#line60 {background-color: #969696}
			#linepeak{background-color: #b4b4b4}



/*Responsive adjustments*/
@media only screen and (min-width: 520px) {
	/*Show disclaimer for bigger screens*/
	#freqDisclaimer{
		display: block;
	}

	/*Change grid item spacing*/
	#freqIndex {
		font-size:10pt;
		grid-gap: 0px;
		grid-template-columns: repeat(auto-fill, 160px);
	}

	.legend-line {
		margin-left: 10px;
	}
}