@charset "utf-8";
/* Styles that override the defaults based on the screen size *
/* xs, sm, md, lg */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 400px) {
}

@media (min-width: 400px) {
	/*
	.main_banner_image {
		height:200px;
	}
	*/
	#headercontainer {
		/*min-height: 65px;*/
	}
	#logo {
		/*width: 50%;*/
	}
}
@media (min-width: 500px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/*
	.main_banner_image {
		height:100px;
	}
	*/
	.headercontainer-absolute  {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#logo {
		margin-left: 0px;
		/*
		position: absolute;
		top: 10px;
		left: 20px;
		width: 375px;
		*/
	}
	.home-feature-content {
		min-height: 200px;
	}
	.footerleft {
		text-align: left; 
		padding-top: 0px;
	}
	.footermid {
		padding-top: 5px;
	}
	.footerright {
		text-align: right; 
		padding-top: 0px;
	}
	.social_media {
		text-align: right; 
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#logo {
	}	
	.home-feature-content {
		min-height: 130px;
	}
	.maincontent1 {
		/*
		padding-left: 20px;
		padding-right: 30px;
		*/
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.home-feature-content {
		min-height: 120px;
	}
} 
