/************************************************************************************
smaller than 1070
*************************************************************************************/
@media only screen and (max-width: 1070px) {

	/* main nav */
	nav {
		position: absolute;
		width:100% !important;
		float: none !important;
		top: 120px;
		left: 0;
		margin-left: 0;
		margin-top: 0;
	}
	#main-nav {
		position: static;
		height: auto !important;
		float: none;
	}
	#main-nav li {
		height:32px;
	}
	#main-nav a {
		height:32px;
		line-height: 32px !important;
		letter-spacing: 0;
	}
}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media only screen and (max-width: 980px) {

	/* content */
	#content {
		margin: 30px auto 22px auto;
		width: 99.9%;
	}

}

/************************************************************************************
smaller than 840
*************************************************************************************/
@media only screen and (max-width: 840px) {
	/* main nav */
	#header {
		height: 190px;
	}
	#main-nav li {
		height:auto;
	}
	#main-nav a {
		height:auto;
		line-height: auto !important;
		letter-spacing: 0;
		padding: 0 6px;
		font: normal .8em 'ArmitageSemiboldRegular';
	}

}

/************************************************************************************
smaller than 730
*************************************************************************************/
@media only screen and (max-width: 730px) {
		
	/* menu drop-down
	
	
	/* content */
	#content.contcont { 
		width: 99.9% !important;
	}
	
	/* sections */
	#buttons, #overview, #features, ##testimonials, #pricing {
		width: 90%;
		margin:auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	.sb1 {
		float: left;
		margin-left: 0;
		margin-right: 5%;
		width: 210px;
	}
	.sb2 {
		margin-left: 260px;
		margin-right: 0;
		width:auto;
		
	}
	.support {
		margin-left: 5%;
		margin-right: 5%;
	}

}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		height: 180px;
	}
	nav {top:90px;}

	/* site logo */
	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	
	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}
	
	#over_col1, #over_col2 {
		float:none;
		width:90%;
		margin-left:5%;
		margin-right:5%;
		text-align:center;
	}
	#new_features, #new_features2, #new_features3, #new_features4 {
		float:none;
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	#spo, #news {
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	#buttons .button {
		display: block;
		clear: both;
		margin: auto !important;
		margin-bottom: 20px !important;
		max-width: 60% !important;
	}
}