#aboutPage {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:126px;
}

#container {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0 0 55px 0;
	border-top:1px solid #FFF;
}

#about {
	width:60%;
	margin:0 auto;
	padding:35px 0;
}

.about {
	width:100%;
	padding:2% 0 4% 0;
}

.about h1 {
	color:#FFFFFF;
	cursor:default;
	float:left;
	width:100%;
	font-size:28px;
	font-weight:normal;
	text-transform:uppercase;
	margin:25px 0 15px 0;
}

.about p {
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#FFFFFF;
	line-height:24px;
	cursor:default;
}

#thumbStrip {
	width:100%;
	height:auto;
	overflow:hidden;
}

.thumbnail {
	width:12%;
	height:auto;
	float:left;
	position:relative;
	overflow:hidden;
	margin:3% 2%;
	text-decoration:none;
	background:#FFF;
}

.thumbnail img {
	width:100%;
	position:relative;
	z-index:2;
}

.thumbnail span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
}

/*Set the menu behaviour for all screens smaller than 1250px */
@media all and (max-width:1250px) {
	
	#about {
		width:70%;
		margin:0 auto;
		padding:35px 0;
	}
}

/*Set the menu behaviour for all screens smaller than 1024px */
@media all and (max-width:1024px) {
	
	#aboutPage {
		margin:0 auto;
	}
	
	#about {
		width:80%;
		padding:25px 0 0 0;
	}
		
	.about {
		width:100%;
	}
}

/*Styles for screen 550px and lower*/
@media screen and (max-width:550px) {
	
	#about {
		width:90%;
	}
	
	.about {
		padding:2% 25px 0 25px;
	}
	
	.thumbnail {
		width:27%;
		margin:3%;
	}
}

/*Styles for screen 480px and lower*/
@media screen and (max-width:480px) {
	
	.about h1 {
		font-size:22px;
		margin: 0.4em 0 !important;
	}
		
	.about p {
		font-size:13px;
	}
}

/*Styles for screen 320px and lower*/
@media screen and (max-width:320px) {
	
	.thumbnail {
		width:43%;
		margin:3%;
	}
}