@media only screen and (min-width: 1300px) {
	
	#intro-area .intro-content h1,
	#customers h2, #desk h2, #features h2 { font-size:3.5em; }
	#intro-area .intro-content p { font-size:1.5em; width:800px; margin:0 auto 2em; font-weight:300; }
	#customers, #desk p, #features p { font-size:30px; font-weight:300; }
	
	#customers p, #desk p, #features p { width:85%; }
	
	#customers .shell { width:1200px; }
	#customers img { width:40%; }
	#customers ul li { padding:0 60px; }
	#customers ul li p { font-size:21px; margin:0 0 25px; }
	#customers ul li p i.ti { font-size:21px; }
	#customers ul li a.button { font-size:15px; font-weight:400; padding:10px 12px 9px; }
	
}

@media only screen and (max-width: 1060px) {

	.shell,
	#intro-area .intro-content,
	#intro-area .intro-content img { width:668px; }
	#intro-area { height:980px; }
	#intro-area .intro-content h1 { font-size:38px; margin:0 0 20px; }
	#intro-area .intro-content p { font-size:21px; line-height:1.6; margin:0 0 35px; }
	#intro-area .intro-content { margin:50px auto; }
	#intro-area .intro-content img.visible { margin:80px 0 0 0; }
	
	#features { padding:90px 0 0; }
	#features p { margin:0 auto 90px; }
	#customers h2, #desk h2, #features h2 { font-size:40px; }
	#features .features-row { padding:60px 0; }
	#features ul li { padding:0 5% 0 10%; }
	#features ul li:last-child { padding:0 10% 0 5%; }
	#features ul li .icon { width:20%; }
	#features ul li .content { width:80%; }
	#features ul li h3 { font-size:22px; font-weight:600; }
	#features ul li p { font-size:17px; }
	
	#customers { padding:70px 0 10px; }
	#customers h2 { margin:0 0 70px; }
	#customers ul li { width:50%; padding:0 35px; }
	#customers ul li.two-col-splitter { display:block; height:60px; }
	#customers ul li:nth-child(1n+1) { padding:0 50px 20px 0; }
	#customers ul li:nth-child(1n+2) { padding:0 0 20px 50px; }
	#customers ul li:nth-child(1n+4) { padding:0 50px 20px 0; }
	#customers ul li:nth-child(1n+5) { padding:0 0 20px 50px; }

	#content .account-content > .left-side,
	#content .account-content > .right-side,
	#content .signup-content > .right-side { width:100%; margin:0 0 40px; float:none; }

	#content .signup-content > .left-side { display:none; }
	
}

@media only screen and (max-width: 782px) {

	body.admin-bar #header { top:46px; position:absolute; }
	
}

@media only screen and (max-width: 740px) {
	
	.shell { width:100%; }
	#header #main-navigation { display:none; }
	#header #logo { width:100%; }
	#header #logo a { width:100%; background-position:center center; }

	.shell.page { padding:30px 40px 10px; }
	
	#intro-area { height:auto; }
	#intro-area .intro-content img { display:none; }
	.shell, #intro-area .intro-content, #intro-area .intro-content img { width:100%; }
	#intro-area .intro-content h1 { font-size:19px; }
	#intro-area .intro-content { margin:50px auto 50px; }
	#intro-area .intro-content p { margin: 0 auto 35px; width:75%; font-size:16px; line-height:1.7em; }
	#intro-area .intro-content p br { display:none; }
	#intro-area .intro-content p br:after { content:" "; display:inline-block; width:10px; }
	
	#customers { padding:50px 0 0; }
	#customers ul li { float:none; width:80%; margin:0 auto; }
	#customers ul li:nth-child(1n+1),
	#customers ul li:nth-child(1n+2),
	#customers ul li:nth-child(1n+4),
	#customers ul li:nth-child(1n+5) { padding:0 0 70px; }
	
	#desk { padding:40px 0 50px; background:#e8e9eb; }
	
	#customers h2,
	#customers p,
	#desk h2 { margin: 0 auto; width:80%; }
	
	#customers ul li.two-col-splitter { display:none; }
	
	.button.large { font-size:16px; }
	.button .hidden-text { display:none !important; }
	
	#features { padding-top:40px; }
	#customers h2, #features h2 { font-size:34px; margin:0 auto 60px }
	#desk h2 { font-size:34px; margin:0 auto 30px; }
	#customers p, #desk p, #features p { font-size:22px; }
	#features p { margin:0 auto 40px; }
	
	#features .features-row { padding:40px 0; }
	#features ul li { padding:0 7% 0 5%; width:100%; }
	#features ul li:first-child { padding-bottom:40px; }
	
	#footer { display:none; }

}