html, body{
	background-color:#e0e0e0;
	width: 100%;
}

/* Begin navbar styling */
.nav-item{
	padding: 10px;
	font-size: 24px;
	color:#4fc3f7; 
}

.nav-link{
	color:#4fc3f7;
	font:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight: 400;
}

.navbar .navbar-brand {
  padding-top: 0px;
  padding-left: 13px;
}
.navbar .navbar-brand img {
  height: 80px;
  
}

.navbar{
	/*background-color: #cfd8dc;*/
	background-color: #505564;
}

.navbar-nav{
	padding-right: 50px;
}

.dropdown-menu{
	background-color:#0652AD
}

.navbar .dropdown-menu a{
	color:azure;
}

.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(9,55,244, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



/*End navbar styling*/

/* Footer*/

.icon li{
	display: inline-block;
	padding: .5rem;
	padding-top: 2.5rem;
}

.list-unstyled li{
	font-size:20px;
}

/*End Footer*/

.card-body{
	height: auto;
}


header{
	padding-bottom:100px;
}

.ingredient-list{
	text-align: left;
	
	
}



.title{
	padding-bottom:10%;
	
}

.tab{
	
	font-size: 1.2rem;
	color: black;
}

.ingredient{
	font-size: 30px;
	font-weight: 300;
	padding-bottom:15px;
	color: darkcyan;
	
}