@media (min-width: 1200px) {
	.navbar .container {
		width: 975px;
	}
}

@media screen and (max-width: 1024px) {
	.footer {
		position: relative;
	}

}

@media (max-width: 979px) {
	.navbar .nav {
		width:  100%;
	}

	.navbar .nav > li {
		min-width: 16%;
	}

	[id^="st-el-"] .st-btns {
		width: auto !important;
		overflow-y: scroll !important;
	}

	[id^="st-el-"] .st-close {
		
	}

}

@media (max-width: 767px) {
	.navbar .nav > li {
		width: 100%;
	}

	.navbar .nav > li > a.active {
		margin-right: 10px;
	}

	.navbar .nav > li > a {
		margin-right: 10px;
	}

	ul.social-icons li:first-child {
		margin-left: 10px;
	}

	[id^="st-el-"] .st-close {
		top: 10px !important;
	}
	
	.skills .span3  {
	    margin: 0 auto;
	}
	
	.skills .span3 div {
	    float: none;
	    margin: 0 auto;
        width: auto;
        padding: 60px;
	}
	
	.skills .span5 {
	    display: none;
	}
	.span3 .fa {
	    line-height: normal;
        font-size: 7em;
    }
}

@media screen and (max-width: 460px) {
	.footer p {
		width: 100%;
		text-align: center;
	}
}