@charset "utf-8";
/* CSS Document */

/*Font families*/
/* San Serif 
	Bodega black
		font-family: "bodega-sans", sans-serif;
		font-weight: 800;
		font-style: normal;
*/
/*Serif 
	Magister Regular
			font-family: "magister", sans-serif;
			font-weight: 400;
			font-style: normal;
	Magister Italic
			font-family: "magister", sans-serif;
			font-weight: 400;
			font-style: italic;
	Magister Bold
			font-family: "magister", sans-serif;
			font-weight: 700;
			font-style: normal;
			*/

/*Color Group*/
	/*Browns
			Red-brown #401E0A
			Bark #403619
			Dark brown#261F13
	*/

	/*Greens
			Seafoam #54BFAC
			Teal #0E7369
			Forest #214001
	*/

	/*Blues
			Deep Space #0D0D0D
			Deep gray #0B1E26
			Light Gray #394D59
			Twilight Blue # #023859
	*/
	/*Light Colors
		Cream #F2EBCD
	*/
body {font-family: "magister", sans-serif;
}
h1,h2,h3,h4,h5,h6 {font-family: "bodega-sans", sans-serif;
}

/*Navigation style*/
	.navbar-custom {font-family: "bodega-sans", sans-serif;
					font-weight: 800}

	/*Nav bar and drop down menu background color*/

		.navbar-custom, .navbar-custom .dropdown-menu {background-color: #F2EBCD;
		}
/*Text color for navbar and drop downs*/
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link, 
	.navbar-custom .dropdown-item {color: #214001;
	}
/* Background and text colors for current page link and links on hover and focus */
	.navbar-custom .nav-item.active .nav-link,
	.navbar-custom .nav-item:hover .nav-link,
	.navbar-custom .nav-item:focus .nav-link,
	.navbar-custom .dropdown-item:hover,
	.navbar-custom .dropdown-item:focus {
		background-color: #261F13;
		color: #F2EBCD;
		padding-left: 10px;
}
/* border and text colors for small screen menu*/
.custom-toggler .navbar-toggler {
	border-color: rgba(13,13,13,1.0);
	color: #394D59
}
/*Hamburger icon */
.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;sharset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(13,13,13, 1.0)' stroke-width='2' stroke-linecap='round' stroke-stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-brand {
	background-image: url("../images/Logo Icon-01.png");
	background-repeat: no-repeat;
	padding-left: 70px;
	background-position: 10% center;
	background-size: 45px auto;
}
/*css for banner*/
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	}
#home_banner h6 {
	font-size: 1rem;
	font-weight: 400;
	color: #F2EBCD;
	position: absolute;
	left: 5%;
	bottom: 20%;
}
#home_banner h4 {
	font-size: 2rem;
	font-weight: 400;
	color:  #F2EBCD;
	position: absolute;
	left: 5%;
	bottom: 10%;
}
.img-fluid {max-width: 100%;
			height: auto}
/*banners for each page*/
#about_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
#about_banner h1{
	font-size: 8rem;
	color: #F2EBCD;
	position: absolute;
	right: 5%;
	Bottom: 7%;
}


#color_match {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
#color_match h2 {
	font-size: 4rem;
	font-weight: 500;
	color: #F2EBCD;
	text-align: center;
			
}
#color_match h4 {
	font-size: 2rem;
	font-weight: 200;
	color: #F2EBCD;
	text-align: center;
}



/*3 column card section*/

#main_card {
	
}

/*featurette section*/

#home_featurette {
	Text-align: center;
	color: #F2EBCD;
	display: flex;
	background-color:  #214001; 
	
}
#home_featurette2 {
	Text-align: center;
	color: #F2EBCD;
	display: flex;
	background-color:  #214001; 
	
}
.featurette-heading {
	font-size: 3rem;
	color: #F2EBCD;
	padding-top: 60px;
	font-weight: 300;
	line-height: 1;
	}
.featurette-image {
	max-width: 100%;
	line-height: 600px;
	
}
footer {
	line-height: 60px;
	background-color: #F2EBCD;
	text-align: center;
	color: #214001;
}

/*END OF DESKTOP STYLE SHEET*/
/*Media style breakpoints*/

/*X-small*/
@media screen and (min-width:375px){
	#home_banner h1 {
		font-size: 3rem;
		bottom: 3%;
		left:3%
	}
	#home_banner h4 {
		font-size: 10px
	}
	#about_banner h1 {
		font-size: 3rem;
		bottom: 3%;
		right: 5%
	}
}
/*small*/
@media screen and (min-width:576px){
	#home_banner h1 {
		font-size: 24px;
	}
	#home_banner h4 {
		font-size: 16px
	}
	#about_banner h1 {
		font-size: 24px;
		bottom: 3%;
		right: 5%
	}
}
/*medium*/
@media screen and (min-width:768px){
	#home_banner h1 {
		font-size: 32px;
	}
	#home_banner h4 {
		font-size: 20px
	}
	#about_banner h1 {
		font-size: 32px;
		bottom: 3%;
		right: 5%
	}
}


/*Large*/
@media screen and (min-width:992px){
	#home_banner h1 {
		font-size: 44px;
	}
	#home_banner h4 {
		font-size: 32px
	}

	#about_banner h1 {
		font-size: 32px;
		bottom: 3%;
		right: 5%
	}
}
/*X-Large*/
@media screen and (min-width:1200px){
	#home_banner h1 {
		font-size: 56px;
	}
	#home_banner h4 {
		font-size: 40px
	}
	#about_banner h1 {
		font-size: 56px;
		bottom: 3%;
		right: 5%

	}
}