@media (max-width: 1100px) {
	#feature-nav{
		font-size: 1.3em;
	}
	#mobile-login{
		display: none;
	}
}


@media (max-width: 980px) {

	body{
		padding: 0;
	}
	#content{
		width: 100%;
	}
	.logo{
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	#hook{
		margin: 0;
		padding: 1em;
	}	
	.hook-group{
		min-height: 0;
		width: 90%;
		margin: 0;
		padding: 0;

	}
	.hook-text{
		width: 90%;
		margin: 0;
		padding: 1em;
	}

	#feature-nav{
		font-size: 1.2em;
	}
	.feature{
		font-size:1.8em;
	}
}

@media (max-width: 860px) {
	#feature-nav{
		font-size: 1.1em;
	}

	#feature-nav ul li:after{
		margin: 1.15em;
	}
}

@media (max-width: 780px) {

	body{
		padding: 0;
	}
	#content{
		width: 100%;
	}
	.logo{
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	#hook{
		margin: 0;
		padding: 1em;
	}	
	.hook-group{
		min-height: 0;
		width: 90%;
		margin: 0;
		padding: 0;

	}
	.hook-text{
		width: 90%;
		margin: 0;
		padding: 1em;
	}
	#feature-nav{
		font-size: 1em;
	}

	#feature-nav ul li:after{
		margin: 1.05em;
	}
	.feature{
		font-size:1.6em;
	}
}

@media (max-width: 730px){
	#feature-nav{
		font-size: 0.9;
	}
	#feature-nav ul li:after{
		margin: 0.95em;
	}
}

@media (max-width: 700px) {
	#feature-nav ul li:after{
		margin: 0.85em;
	}
	#mobile-login{
	    background: -moz-linear-gradient(top, #91d4dc 24%,#b7edf0 25%, #77cddc 100%); /* FF3.6+ */
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#91d4dc),color-stop(25%,#b7edf0), color-stop(100%,#77cddc)); /* Chrome,Safari4+ */
	    background: -webkit-linear-gradient(top,  #91d4dc 24%,#b7edf0 25%, #77cddc 100%); /* Chrome10+,Safari5.1+ */
	    background: -o-linear-gradient(top,  #91d4dc 24%,#b7edf0 25%, #77cddc 100%); /* Opera 11.10+ */
	    background: -ms-linear-gradient(top,  #91d4dc 24%,#b7edf0 25%, #77cddc 100%); /* IE10+ */
	    background: linear-gradient(to bottom, #91d4dc 24%,#b7edf0 25%, #77cddc 100%); /* W3C */
		
		
		font-size: 2em;
		border-radius: 0px 5px 0px 0px;
		padding: 1.2em 1em 0.2em 1em;
		
		position: fixed;
		bottom: 0px;

			color: #f0ffff;
			text-shadow: 0px 1px 2px #0087cb;
			filter: dropshadow(color=#0087cb, offx=0, offy=1);
		display: block;
	}
	#feature-nav-login{
		display: none;
	}
	.feature{
		font-size:1.5em;
	}
}

@media (max-width: 535px) {
	.logo{
		width: 45%;
	}
	.login-button{
		float: none;
		margin-right: 0;
	}
	.top-bar{
		text-align: center;
	}
	
	.footer-li{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0.5em;
	}

	#feature-nav{
		font-size: 0.75em;
	}
	.feature{
		font-size:1.4em;
	}
	#feature-nav ul li:after{
		margin: 1em;
	}
	
}



@media (max-width: 43N0px) {
	.logo{
		width: 55%;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#feature-nav{
		font-size: 0.5em;
	}
	.feature{
		font-size:1.2em;
	}
	
}

@media (max-width: 300px) {
	.logo{
		width: 65%;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
}