/*@media all and (max-width: 850px) {
	.panel
	{
		margin: 0 auto;
	}

	.panel
	{
		margin-bottom: 20px;
	}
}*/

/*@media screen and (max-width: 1000px) and (min-width: 768px) {
	#xAxis .tick:nth-child(2n+1) text
	{
		display: none;
	}
}

@media screen and (max-width: 600px){
	#xAxis .tick:nth-child(2n+1) text
	{
		display: none;
	}
}*/


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/*col-md-2 col-sm-3 col-xs-4*/
@media (max-width: 768px)
{
	.row.slides>:nth-child(2n + 1) {
	  clear:left;
	}


}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.row.slides>:nth-child(4n + 1) {
	  clear:left;
	}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

}

@media (max-width: 992px) {
	/*.row.flexy
	{
		display: block;
	}*/
}

@media (max-width: 576px)
{

	#navigation
	{
		text-align: center;
	}

	#title
	{
		float: none;
	}

	#graphKey
	{
		position: relative;
		float: none;
		right: 0;
		/*border: 1px solid #ccc;*/
		/*padding: 10px 5px;*/
		/*margin: 0px 10px 0 82px;*/
		text-align: center;
		margin-top: 5px;
	}

		#graphKey p{
			text-align: center;
		}

		#graphKey p:first-of-type
		{
			display: none;
		}

	.instructions
	{
		border-radius: 10px 10px 0 0!important;
	}

	.interactive-body
	{
		border-radius: 0 0 10px 10px!important;
	}

}