/*Where the top part breaks*/
@media screen and (max-width: 1094px) {
	header {
		display: table;
	}
	#logo-main {
		display: table-cell;
		float: none;
		width: auto !important;
	}
	#logo-main img {
	    height: 40px;
	}
	#nav-menu {
		display: table-cell;
		float: none;
		width: auto;
	}
	#hero-foter {
		bottom: 0;
	}
	.section-content {
	    margin-left: 0; 
	}
}

@media screen and (max-width: 992px) {
	header {
		padding: 25px 5px;
	}

	#hero-text {
    	padding-top: 20%;
	}

	#hero-text h1 {
    	font-size: 5em;
	}

	#hero-text h2 {
    	font-size: 2em;
	}
}

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

}

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

	#hero-text h1 {
    	font-size: 3em;
	}

	#hero-text h2 {
    	font-size: 2em;
	}

	#hero-foter {
	    position: absolute;
	    bottom: 5%;
	    width: 100%;
	    padding: 20px 10px;
	}

	.graph-bar {
    	width: 16px;
    }

    #level-and-graph {
	    display: table;
	    width: 100%;
	}

	#contact {
	    text-align: center;
	    padding-top: 20px;
	}

	#hero-text {
	    padding-top: 150px;
	}

	.section-header {
		text-align: center;
	}
	
	.section-header .pull-right {
		float: none !important;
	}

	.section-header h2 {
	    font-size: 1.5em;
	    text-align: center;
	}
}

@media (min-width: 768px) {
	.navbar-collapse.collapse {
	    display: inline-block !important;
	}

	.navbar-toggle {
	    display: inline-block;
	}
}

@media (min-width: 992px) {
	.navbar-toggle {
	    display: none;
	}
}