/* 320px (iPhone) */
@media screen and (max-width:320px) {
	.resources li { 
		font-size: 50%; 
	}
}

/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.fluid-white { display: none; }
	.resLifeHeader {
		background: url('../images/header-sm.png') no-repeat top center;
		margin: 0 auto;
	}
	.resLifeHeader  h1{
		font-size: 3em;
	}
	.resources li { 
		font-size: 14px;
	}
}

@media screen and (max-width:640px) {
	
}

@media screen and (max-width:768px) {
	.resLifeHeader {
		background: url('../images/header-md.png') no-repeat top center;
		margin: 0 auto;
		padding: 0px;
	}
	
	.resLifeHeader  h1{
		line-height: 1.2;
		margin-top: 50px;
	}
	
}

@media screen and (max-width:960px) {
	.column {
		display: block;
		width: 100% !important;
	}

	.text:first-child,
	.text:nth-child(2) {
		text-align: center;
	}

	.icon {
		margin: 0 auto;
	}

	.col-2 .column:first-child .icon {
		margin: 0 auto 50px;
	}

	.col-2 .column:nth-child(2) .icon {
		margin: 50px auto 0;
	}
	.resLifeHeader {
		padding: 3.2em 2em 1.6em;
	}
	
	.resLifeHeader h1 {
		/* font-size: 2.625em;
		line-height: 1.3; 
		font-size: 4em; */
		padding-bottom: 18px;
	}
	
	.resLifeHeader span {
		
	}
}

/* xGA iPad */
@media screen and (max-width:1024px) {
	.wp3 { background-position: 50px 0; }
	.resLifeHeader h1 {
		line-height: 1.2;
	}
}

/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1280px) {
	.wp3 { background-position: 50px 0; }

}

/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1366px) {
	.resLifeHeader {
		padding: 3.4em 2em 1.2em;
	}
	.resLifeHeader h1 {
		font-size: 3.8em;
		padding-bottom: 8px;
	}
}

@media screen and (max-width:1680px) {
	
}

@media screen and (max-width:1920px) {
	.resLifeHeader {
		padding: 3.6em 2em 1.2em;
	}
}

/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}