/*
 * Breakpoint: 768px
 */
@media screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 748px;
	}
	.container .columns {
		width: 44px;
		float: left;
		margin-left: 20px;
	}
	.container .columns:first-child,
	.container .columns.first {
		margin-left: 0;
	}
	.container .offset-one {
		padding-left: 64px;
	}	
	.container .columns.two {
		width: 108px;
	}
	.container .offset-two {
		padding-left: 128px;
	}
	.container .columns.one-fourth,
	.container .columns.three {
		width: 172px;
	}
	.container .offset-one-fourth,
	.container .offset-three {
		padding-left: 192px;
	}
	.container .columns.one-third,
	.container .columns.four {
		width: 236px;
	}
	.container .offset-one-third,
	.container .offset-four {
		padding-left: 256px;
	}
	.container .columns.five {
		width: 300px;
	}
	.container .offset-five {
		padding-left: 320px;
	}
	.container .columns.one-half,
	.container .columns.six {
		width: 364px;
	}
	.container .offset-one-half,
	.container .offset-six {
		padding-left: 384px;
	}
	.container .columns.seven {
		width: 428px;
	}
	.container .offset-seven {
		padding-left: 448px;
	}
	.container .columns.two-thirds,
	.container .columns.eight {
		width: 492px;
	}
	.container .offset-two-thirds,
	.container .offset-eight {
		padding-left: 512px;
	}
	.container .columns.three-fourths,
	.container .columns.nine {
		width: 556px;
	}
	.container .offset-three-fourths,
	.container .offset-nine {
		padding-left: 576px;
	}
	.container .columns.ten {
		width: 620px;
	}
	.container .offset-ten {
		padding-left: 640px;
	}
	.container .columns.eleven {
		width: 684px;
	}
	.container .offset-eleven {
		padding-left: 704px;
	}
	.container .columns.twelve {
		width: 748px;
	}
	.container .columns.one-fifth {
		width: 133px;
	}
	.container .offset-one-fifth {
		padding-left: 153px;
	}
	.container .columns.two-fifths {
		width: 286px;
	}
	.container .offset-two-fifths {
		padding-left: 306px;
	}
	.container .columns.three-fifths {
		width: 439px;
	}
	.container .offset-three-fifths {
		padding-left: 459px;
	}
	.container .columns.four-fifths {
		width: 592px;
	}
	.container .offset-four-fifths {
		padding-left: 612px;
	}
	.container .columns.five-fifths {
		width: 745px;
	}
	.container .offset-five-fifths {
		padding-left: 765px;
	}
}

/*
 * Breakpoint: 1200px
 */
@media screen and (min-width:1200px) {
	.container.hd,
	.container.large {
		width: 1180px;
	}
	.container.hd .columns,
	.container.large .columns {
		width: 80px;
	}
	.container.hd .offset-one,
	.container.large .offset-one {
		padding-left: 100px;
	}
	.container.hd .columns.two,
	.container.large .columns.two {
		width: 180px;
	}
	.container.hd .offset-two,
	.container.large .offset-two {
		padding-left: 200px;
	}
	.container.hd .columns.one-fourth,
	.container.large .columns.one-fourth,
	.container.hd .columns.three,
	.container.large .columns.three {
		width: 280px;
	}
	.container.hd .offset-one-fourth,
	.container.large .offset-one-fourth,
	.container.hd .offset-three,
	.container.large .offset-three {
		padding-left: 300px;
	}
	.container.hd .columns.one-third,
	.container.large .columns.one-third,
	.container.hd .columns.four,
	.container.large .columns.four {
		width: 380px;
	}
	.container.hd .offset-one-third,
	.container.large .offset-one-third,
	.container.hd .offset-four,
	.container.large .offset-four {
		padding-left: 400px;
	}
	.container.hd .columns.five,
	.container.large .columns.five {
		width: 480px;
	}
	.container.hd .offset-five,
	.container.large .offset-five {
		padding-left: 500px;
	}
	.container.hd .columns.one-half,
	.container.large .columns.one-half,
	.container.hd .columns.six,
	.container.large .columns.six {
		width: 580px;
	}
	.container.hd .offset-one-half,
	.container.large .offset-one-half,
	.container.hd .offset-six,
	.container.large .offset-six {
		padding-left: 600px;
	}
	.container.hd .columns.seven,
	.container.large .columns.seven {
		width: 680px;
	}
	.container.hd .offset-seven,
	.container.large .offset-seven {
		padding-left: 700px;
	}
	.container.hd .columns.two-thirds,
	.container.large .columns.two-thirds,
	.container.hd .columns.eight,
	.container.large .columns.eight {
		width: 780px;
	}
	.container.hd .offset-two-thirds,
	.container.large .offset-two-thirds,
	.container.hd .offset-eight,
	.container.large .offset-eight {
		padding-left: 800px;
	}
	.container.hd .columns.three-fourths,
	.container.large .columns.three-fourths,
	.container.hd .columns.nine,
	.container.large .columns.nine {
		width: 880px;
	}
	.container.hd .offset-three-fourths,
	.container.large .offset-three-fourths,
	.container.hd .offset-nine,
	.container.large .offset-nine {
		padding-left: 900px;
	}
	.container.hd .columns.ten,
	.container.large .columns.ten {
		width: 980px;
	}
	.container.hd .offset-ten,
	.container.large .offset-ten {
		padding-left: 1000px;
	}
	.container.hd .columns.eleven,
	.container.large .columns.eleven {
		width: 1080px;
	}
	.container.hd .offset-eleven,
	.container.large .offset-eleven {
		padding-left: 1100px;
	}
	.container.hd .columns.twelve,
	.container.large .columns.twelve {
		width: 1180px;
	}
	.container.hd .columns.one-fifth,
	.container.large .columns.one-fifth {
		width: 220px;
	}
	.container.hd .offset-one-fifth,
	.container.large .offset-one-fifth {
		padding-left: 240px;
	}
	.container.hd .columns.two-fifths,
	.container.large .columns.two-fifths {
		width: 460px;
	}
	.container.hd .offset-two-fifths,
	.container.large .offset-two-fifths {
		padding-left: 480px;
	}
	.container.hd .columns.three-fifths,
	.container.large .columns.three-fifths {
		width: 700px;
	}
	.container.hd .offset-three-fifths,
	.container.large .offset-three-fifths {
		padding-left: 720px;
	}
	.container.hd .columns.four-fifths,
	.container.large .columns.four-fifths {
		width: 940px;
	}
	.container.hd .offset-four-fifths,
	.container.large .offset-four-fifths {
		padding-left: 960px;
	}
	.container.hd .columns.five-fifths,
	.container.large .columns.five-fifths {
		width: 1180px;
	}
	.container.hd .offset-five-fifths,
	.container.large .offset-five-fifths {
		padding-left: 1200px;
	}
}

/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.hidden-desktop {
			display: inherit !important;
		}
		.visible-desktop {
			display: none !important ;
		}
		.visible-tablet {
			display: inherit !important;
		}
		.hidden-tablet {
			display: none !important;
		}
		#wrapper {
			width: 818px;
		}		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.hidden-desktop {
			display: inherit !important;
		}
		.visible-desktop {
			display: none !important;
		}
		.visible-phone {
			display: inherit !important;
		}
		.hidden-phone {
			display: none !important;
		}
		#wrapper {
			width: 320px;
		}
		.container {
			width: 300px;
			padding: 0 10px;
		}		
		#logo {
			display: block;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.footer-copy p {
			display: block;
			margin: 0 auto;
			text-align: center
		}			
		.columns {
			width: 100%;
		}		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#wrapper {
			width: 550px;
		}		
		.container {
			width: 480px;
		}
	}