/* --------- NEW Query Start --------- */
@media (max-width: 1035px) {

	header #mainNavigation {
		position: relative;
		/* margin left against logo 
		margin-left: 20%;*/
	}

	#mainNavigation ul{
		/* margin right against window */
	}

  	#sectionTop {
  		min-height: 400px;
  	}

  	#sectionTop h1{
  		margin-top: 70px;
  	}

} /* END of Query */


/* --------- NEW Query Start --------- */
@media (max-width: 820px) {

	header #mainNavigation {
		
	}

 	#sectionTop {
  		min-height: 300px;
  	}


} /* END of Query */


/* --------- NEW Query Start --------- */
@media (max-width: 600px) {

	header #mainNavigation {
		
	}

  	#sectionTop {
  		min-height: 200px;
  	}

} /* END of Query */



/* --------- NEW Query Start --------- */
@media (max-width: 480px) {

	h1 {
		font-size: 1.5em;
	}

	p{
		font-size:0.75em;
		margin: 0 8%;
	}

	#mainNavigation {
		display: none;
	}

	#mainNavigation ul{
		float: none;
	}

	#mainNavigation ul li{
		float: none;
	}

  	#sectionTop {
  		min-height: 200px;
  	}

  	#sectionTop h1{
  		font-size: 0.75em;
  		margin-top: 100px;
  	}

  	#sectionTop h2{
  		font-size: 1em;
  	}

  	#skills h1{
  		margin-left: 0;
  	}

  	/*Display 'show menu' link*/
  	#logo{
  		display: none;
  	}

	.show-menu {
		display:block;
	}

} /* END of Query */



/* --------- NEW Query Start --------- */
@media (max-width: 400px) {

  	#sectionTop {
  		min-height: 150px;
  	}

  	#sectionTop h1{
  		margin-top: 80px;
  	}

}


/* --------- NEW Query Start --------- */
@media (max-width: 320px) {

  	#sectionTop {
  		min-height: 150px;
  	}

  	#sectionTop h1{
  		margin-top: 50px;
  	}

}