@media all and (max-width: 700px) {
	#page_container {
		min-height: 0%;
	}
	
	#page {
		padding-bottom: 5em;
	}
	
	#menu > li {
		display: block;
		padding-top: 1em;
	}
	
	#menu a {
		font-size: 2em;
	}
	
	#slogan {
		padding-top: 2em;
	}
	
	#slogan h1 {
		font-size: 2.4em;
	}
	
	#slogan img {
		margin-top: 0em;
		height: 3em;
	}
	
	#welcome-text {
		font-size: 1.2em;
	}
	
	#who-are-we {
		margin-top: 8em;
	}
	
	#who-are-we img {
		padding-left: 0em;
		width: 15em;
	}
}

@media all and (min-width: 500px) and (max-width: 700px) {	
	#slogan h1 {
		font-size:3.8em !important;
	}
	
	#slogan img {
		height: 4em !important;
	}
}

@media all and (min-width: 700px) and (max-width: 800px) {	
	#slogan h1 {
		font-size: 4em !important;
	}
	
	#slogan img {
		height: 5em !important;
	}
	
	#welcome-text {
		font-size: 1.4em;
	}
}

@media all and (min-width: 700px) and (max-width: 1000px) {
	#page_container {
		min-height: 60vh;
	}
	
	#menu > li {
		display: block;
		padding-top: 1em;
	}
	
	#slogan h1 {
		margin-top: 0em;
		font-size: 6em;
	}
	
	#slogan img {
		height: 7em;
	}
}

@media all and (max-width: 1100px) {	
	#contact {
		width: 100%;
		margin-top: 6em;
	}
	
	#contact-left {
		float: none;
		padding-right: 0;
		min-width: 0em;
	}

	#contact-right {
		float: none;
		padding-left: 0;
		padding-bottom: 3em;
		min-width: 0em;
	}
}