@charset "utf-8";
/* headline: font-family: "neighbor", sans-serif;
font-weight: 400;
font-style: normal; 

paragraph:font-family: "rooney-web", serif;
font-weight: 400;
font-style: normal; 
*/

/*Color wheel
	Brown: #84533A
	Off white: #F5F5DC
	Blue: #0077B6
	Black: #000000
	Cocoa brown: #A28774
*/

/* Background color for the navigation bar and dropdown menu */
	.navbar-custom, .navbar-custom .dropdown-menu 
	{background-color: #84533A}

/* Text color for Navigation Bar and dropdwon menu */
	.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
	.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {color: white}

/* Background and text colors for current page link and links on hover/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:#0077B6;
 color:black}

/* Border and text colors for meu icon and small screens */
.custom-toggler.navbar-toggler {border-color: black}

/* Hamburger icon- use same rgb values as previous rule for stroke */
/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*navbar-brand logo*/
.navbar-brand {background-image: url("../images/Project 1 Logo- Rasheed Akins.png");
			   background-repeat: no-repeat;
			   padding-left: 60px;
			   background-position: 6% center;
			   background-size: 40px auto}
/*Contact me form*/

#exampleInputPassword2 {display:flex; flex-direction: row}
#exampleInputPassword2 {position: relative; box-sizing: border-box}
/*bootstrap spacing*/
.featurette-divider {margin: 3rem 0; }
/*Body font*/
body {font-family: rooney-web, serif; 
	  font-style: normal;
	font-weight: 100;
	text-align:center}

/*Headline font*/
h1,h2,h4,h5,h6 {font-family: neighbor, sans-serif}

/*Footer*/
footer {text-align: center;
	    line-height: 60px;
		background-color: #84533A;
		color: white}

/*header banner section*/
#home_banner {padding-left: 0px;
			  padding-right: 0px;
			  position: relative;
		}

/*First row section*/
.main h2 {text-align: center}
		  


/*rem values are relative to the root html element, 1rem=16px */
#home_banner h1 {font-size: 4rem;
				 color: beige;
				 text-shadow: 2px 1px black;
				 position:absolute;
				 left: 5%;
				 bottom: 11%}
				




/*Media query breakpoints*/
/*for small devices ONLY*/
@media (min-width:375px){
#home_banner h1{font-size: 1rem;
				bottom: 3%;
				left: 3%}
}

/*medium size screens*/
@media (min-width:768px){
	#home_banner h1 {font-size: 2rem;
					 bottom: 5%;
					 left: 3%}
}

/*For large screens only*/
@media screen and (min-width:992px){
#home_banner h1 {font-size: 3rem;
				 bottom: 5%;
				 left: 3%}
}