#page {
	padding-bottom: 0;
}

#widgets_1, #content, #widgets_2, #widgets_3, #widgets_4 {
	-moz-box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
	box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2);
	clear: both;
}

#widgets_2, #widgets_3, #widgets_4 {
	padding-top: 1em;
}

#content {
	padding: 0 0 1px 0;
}

#widgets_3 .widget {
	float: left;
	height: 320px;
	margin: 0 1% 1em 0;
	overflow: hidden;
	position: relative;
	width: 19%;
}

	#widgets_3 .widget>h2 {
		height: 30px;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	#widgets_3 .widget>div {
		background: rgb(237,233,225);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		bottom: 0;
		font-size: 80%;
		left: 0;
		line-height: 1.5em;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 10px;
		position: absolute;
		right: 0;
		top: 30px;
	}

	#widgets_3 .widget:nth-of-type(1)>div {
		background: rgb(255,222,108);
	}

	#widgets_3 .widget:nth-of-type(2)>div {
		background: rgb(185,225,248);
	}

	#widgets_3 .widget:nth-of-type(3)>div {
		background: rgb(159,207,103);
	}

	#widgets_3 .widget:nth-of-type(4)>div {
		background: rgb(244,132,102);
	}

	#widgets_3 .widget:nth-of-type(5)>div {
		background: rgb(237,233,225);
	}

		#widgets_3 .widget>div a, #widgets_3 .widget>div a:visited {
			border-bottom: 1px dashed rgba(0,0,0,0.5);
			color: rgb(34,34,34);
		}

		#widgets_3 .widget>div a:hover {
			background: rgba(0,0,0,0.1);
			border-bottom: 1px solid rgb(34,34,34);
			color: rgb(34,34,34);
		}


/* CSS3 MEDIA QUERIES */


/* PRINT */
@media print {

}


/* TABLETS (UNDER 960 PIXELS) */
@media screen and (max-width: 959px) {

}


/* SMALL TABLETS (UNDER 800 PIXELS) */
@media screen and (max-width: 799px) {

	#widgets_3 .widget {
		width: 49%;
	}

	#widgets_3 .widget:nth-of-type(3),
	#widgets_3 .widget:nth-of-type(4),
	#widgets_3 .widget:nth-of-type(5) {
		width: 32%;
	}

}


/* PHONES (UNDER 600 PIXELS) */
@media screen and (max-width: 599px) {

	#widgets_3 .widget {
		float: none;
		height: auto;
		width: 98% !important;
	}

	#widgets_3 .widget>h2 {
		height: auto;
		position: relative;
	}

	#widgets_3 .widget>div {
		position: relative;
		top: 0;
	}

}


/* SMALL PHONES (UNDER 480 PIXELS) */
@media screen and (max-width: 479px) {

}


/* HIGH-RESOLUTION DISPLAYS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

}