@media screen and (min-width: 1px) and (max-width: 1200px) {
	html {
		-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}
	.container {
		padding-left:20px;
		padding-right:20px;
	}
	.head {
		padding:20px;
	}
	#intro {
	height:auto;
	}
	#intro .container {
		position:relative;
		height:auto;
		bottom:auto;
		padding-bottom:40px;

	}
	#intro .head {
		position:relative;
		bottom:auto;
	}
}

@media (max-width: 980px) {



}
@media (max-width: 670px) {

.gal {
	width:20%;
	padding:10px;
}

}
@media (max-width: 590px) {

	
}