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

@media only screen and (min-width: 768px) {
	
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.content-area {margin: 113px 5% 0; width: 90%;}
	.text-box{ max-width: 160px; height: 40px; padding: 9px 10px;}
	.join-btn{ height: 39px; padding: 8px 10px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.wrapper{background-color:#080f1e; background-size: auto 100%; padding-bottom: 40px;}
	.footer{ background-size: 100% auto;}
	.footer-left{ text-align: center; padding: 0 0 20px;}
	.footer-right{ text-align: center; padding: 20px 0 0;}
	.shade {width: 94%; background-size: 100% auto; max-width: 368px;}
	.links-outer{ padding: 30px 0;}	
	.links-outer a{ margin: 5px 0;}
	.form-outer{max-width: 220px; float:none; margin: 40px auto 20px;}
	.text-box{ width: 100%; margin: 0 0 20px; text-align:center; height: 40px; padding: 9px 10px;}
	.join-btn{ width: 100%; margin: 0; height: 40px; padding: 8px 10px;}	
	.content-area { margin: 20px 3% 20px; width: 94%;}
	h1 { font-size: 40px; line-height: 42px;  padding: 0 0 20px;}
}

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

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 479px) {
	
}

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