/*	rwd.css - global RWD */ 


	@media all and (max-width: 1280px){
		
		#footer .colgroup,
		.inner {
			width: 90vw;
		}

		#header {
			height: 75px; 
		}

		#header .colgroup {
			text-align: center;
			width: calc(100vw - 40px);
			height: 100%; 
			margin: 0px auto; 
		}		
		
		
	}
			
	@media all and (max-width: 1050px){}

	@media all and (max-width: 980px){
		#footer {
			padding: 20px; 
		}
	}

	@media all and (max-width: 950px){
		#header .logo {
			max-width: 200px; 
		}
	}


	@media all and (max-width: 840px){
		.inner-800 {
			padding-left: 20px !important; 
			padding-right: 20px !important; 	
		}
	}
	
	@media all and (max-width: 750px){
		#header .logo {
			top: 40px; left: 0px; transform: none; 
		}

		.page-banner {
			height: 450px;  
			min-height: 450px; 
		}		

		.page-banner ul#credentials li {
			height: 80px; 
		}
	
		#footer .colgroup .col {
			display: block; width: 100% !important; 
			clear: both; 
			margin-top: 20px; 
			text-align: center !important; 
		}

		.colgroup {
			text-align: center; 
		}
		.colgroup .col {
			width: 100%; max-width: 800px; 
			margin: 0px auto; 
			text-align: left; 
		}
			
	}
	
	@media all and (max-width: 680px){	


		.page-banner ul#credentials {
			padding: 0px; 
			text-align: center; 
			position: absolute; 
			left: 50%; 
			width: 100%; 
			transform: translateX(-50%); 
		}
		.page-banner ul#credentials li {
			display: inline-block; list-style-type: none; 
			height: 80px; 
		}
		
		.page-features {
			display: block; width: 100%; box-sizing: border-box; clear: both; 	
			position: absolute; top: auto; bottom: 0px; 
			color: #1f1f1f !important; 
		}
			.page-features::after {
				display: block; width: 100%; height: 100%; 
				z-index: -1; box-sizing: border-box; 
				position: absolute; top: 0px; left: 0px; 
				content: ""; 
				background-color: #fff; 
				opacity: 0.5;
			}
			
			.page-features a {
				color: #1f1f1f; 
			}

			.page-features .col {
				display: block; width: 100% !important; box-sizing: border-box; clear: both; 	
				text-align: center; 
				margin: 0px; 
			}



	
	
			ul.crumbs {
				padding: 0px 5px; 	
				text-align: center; 
				width: 100%;
				font-size: 0.9rem; 
				font-weight: bolder; 
			}
			
			.social-share {
				color: #fff !important; 
				position: absolute; bottom: 435px; /* Force to Top */ 
				width: 100%; box-sizing: border-box; 
				right: 0px; 
			}
			


		
		
			#content-container h1,
			#content-container h2,
			#content-container h3 {
				display: block; width: 100%; clear: both; 
				text-align: center; 	
			}

			.page-banner .banner-logo {
				max-width: 250px; 
			}
			.page-banner .banner-logo span.logo {
				width: 200px; 
				height: 200px; 
			}		
			
			#footer ul#credentials li {
				margin-left: 5px; 
			}			
		
	}

	
	@media all and (max-width: 550px){	
		#header span.lockup {
			font-size: 0.65rem; 
			font-weight: bolder; letter-spacing: 0.2rem;
			text-transform: uppercase; 
			width: 100%; padding-right: 180px; 
			line-height: 1rem; 
		}

		#footer .colgroup .col {
			display: block; width: 100% !important; 
			clear: both; 
			text-align: center; 
		}
		
	}


	@media all and (max-width: 480px){	
		#header .logo {
			max-width: 180px; 
			top: 60px; 
		}
	}
	
	@media all and (max-width: 400px){	

		#primary-nav {
			width: 100%; 
		}

		.inner-800 {
			padding-left: 10px !important; 
			padding-right: 10px !important; 	
		}
		
		.page-banner {
			height: 450px; 
			min-height: auto; 	
		}
		
		.page-banner ul#credentials li {
			display: inline-block; list-style-type: none; 
			height: 60px; 
		}
		

	
	}