/************************************************************************************
smaller than 984 
*************************************************************************************/
@media screen and (max-width: 983px) and (min-width: 768px) {
	.pagewrapper {
	width: 96%;
	padding: 0 2%;	
	}
	
	.tinynav { display: block }
      #nav { display: none }
	
	.navigation select {
	width: 100%;
	}
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 767px) and (min-width: 561px) {
	.pagewrapper {
	width: 96%;
	padding: 0 2%;	
	}
	
	.content {
	width: 100%;
	padding-left: 10px;
	}
	
	.logo {
		width: 100%;
		text-align: center;
	}
	.contact {
		width: 100%;
		text-align: center;
		padding: 5px 0 10px;
	}
	.contact li {margin-right: 0;}
	.tinynav { display: block }
      #nav { display: none }
	
	.navigation select {
	width: 100%;
	}
	
	.pageimg li {
		width: 100%;
	}
	.pageimg li:nth-child(2) {
	margin: 0 0 5px;
	}
	
	
	
	h1 {
	padding-right: 150px;
	}
	#tagline {
	width: 100%;
	float: left;
	padding: 10px 0 0;
	position: relative;
	text-align: center;
}
#tagline h2 {text-align: center;}
#right {width: 100%; float: left; text-align: center;}
#top-nav-links {text-align: center; float: left;}
#top-nav-links ul {
		
	text-align: center;
}

#top-nav-links li {
	
	text-align: center;
}
.page-title {width: 100%; padding: 0; height: auto; }
.page-content, .page-content2, .col3, .col3I, .col3h  {width: 88%; padding: 0; margin: 0 0 30px; float: left;}

	
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) and (min-width: 481px) {
	.pagewrapper {
	width: 96%;
	padding: 0 2%;	
	}
	
	.content {
	width: 100%;
	padding-left: 10px;
	}
	
	.logo {
		width: 100%;
		text-align: center;
	}
	.contact {
		width: 100%;
		text-align: center;
		padding: 5px 0 10px;
	}
	.contact li {margin-right: 0;}
	.tinynav { display: block }
      #nav { display: none }
	
	.navigation select {
	width: 100%;
	}
	
	.pageimg li {
		width: 100%;
	}
	.pageimg li:nth-child(2) {
	margin: 0 0 5px;
	}
	
	
	
	h1 {
	padding-right: 150px;
	}
	#tagline {
	width: 100%;
	float: left;
	padding: 10px 0 0;
	position: relative;
	text-align: center;
}
#tagline h2 {text-align: center;}
#right {width: 100%; float: left; text-align: center;}
#top-nav-links {text-align: center; float: left;}
#top-nav-links ul {
		
	text-align: center;
}

#top-nav-links li {
	
	text-align: center;
}
.page-title {width: 100%; padding: 0; height: auto; }
.page-content, .page-content2, .col3, .col3I, .col3h  {width: 88%; padding: 0; margin: 0 0 30px; float: left;}

}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) and (min-width: 160px) {
	.pagewrapper {
	width: 96%;
	padding: 0 2%;	
	}
	
	.content {
	width: 100%;
	padding-left: 10px;
	}
	
	.logo {
		width: 100%;
		text-align: center;
	}
	.contact {
		width: 100%;
		text-align: center;
		padding: 5px 0 10px;
	}
	.contact li {margin-right: 0;}
	.tinynav { display: block }
      #nav { display: none }
	
	.navigation select {
	width: 100%;
	}
	
	.pageimg li {
		width: 100%;
	}
	.pageimg li:nth-child(2) {
	margin: 0 0 5px;
	}
	
	
	
	h1 {
	padding-right: 150px;
	}
	#tagline {
	width: 100%;
	float: left;
	padding: 10px 0 0;
	position: relative;
	text-align: center;
}
#tagline h2 {text-align: center;}
#right {width: 100%; float: left; text-align: center;}
#top-nav-links {text-align: center; float: left;}
#top-nav-links ul {
		
	text-align: center;
}

#top-nav-links li {
	
	text-align: center;
}
.page-title {width: 100%; padding: 0; height: auto; }
.page-content, .page-content2, .col3, .col3I, .col3h  {width: 88%; padding: 0; margin: 0 0 30px; float: left;}

}