@charset "utf-8";
/* CSS Document */
@media only screen
and (min-device-width: 580px)
and (max-device-width: 689px)
{
	.category {
		width: 47%;
		float:left;
		margin-left: 6px;
		margin-right: 6px;
	}
}

@media only screen
and (min-device-width: 690px)
and (max-device-width: 959px) {
	.bg1 {
		background-repeat:no-repeat;
	}
	#login .container {
		padding-top:50px;
	}
	#login h1 {
		font-size: 44px;
	}
	.category {
		width: 99%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 750px) {
	#main_content {
		margin-top: 0;
	}
	.module {
		min-height: 605px;
	}
	#chart1,
	#chart2,
	#chart3 {
		margin-bottom:7px;
	}
}

@media (min-width: 960px) {
	.category {
		background-size: 55px 55px;
		min-height:55px;
		padding-left: 70px;
	}
	.module {
		min-height: 800px;
	}
}

@media (min-width: 1200px) {
	.chart {
		/* width: 50%; */
		margin:0;
		padding:0;
	}
	.forecast{
		margin-left:7px;
	}
	.tile {
		width: 50%;
		margin:0;
		padding:0;
	}
	.module,
	.module-head,
	.module-body
	 {
		padding:0;
		margin:0;
	}

}

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

}