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*/


/* Jumbtron main page*/

.tagline{
	font-size: 40px;
}

#call-action{
	font-size: 30px;
	color:#036DA0;
	font-weight: 300;
}
.main-phone{
	font-size:40px;
	color: #036DA0;
	font-weight: 500;
	
}

#learn-more{
    
    color:#036DA0;
	font-weight: 400;
}

.img-fluid{
	max-height: 400px;
	display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
}



/* Footer*/

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

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

/*End Footer*/

.card-body{
	height: auto;
}


.card-wrapper {
  perspective: 800px;
  position: relative;
  margin:0;
  width: 100%;
  padding-top:5%;
  padding-bottom:5%;
  
  
}

.card-deck{
	width: 100%;
}



.infograp{
	height:100%;
	width:100%;
	margin-right:2%;
	margin-left:2%;
	
}

.scrollable{
  overflow-y: scroll;
  max-height: 190px;
  padding-bottom: 4px;
}

.scrollbar-morpheus-den::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }

.scrollbar-morpheus-den::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }

.scrollbar-morpheus-den::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-image: -webkit-gradient(linear, left bottom, left top, from(#30cfd0), to(#330867));
background-image: -webkit-linear-gradient(bottom, #30cfd0 0%, #330867 100%);
background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); }

.container-cards{
	padding-top:5%;
	padding-bottom:3%;
	padding-left:1%;
	padding-right:1%;
}

.container-intro{
	margin-left:15px;
	margin-right:15px;
}

.card-img-top{
	height: 200px;
	width: 150px;;
}


#short-ingredients{
	text-align: left;
}

#benefits-list{
	text-align:left;
}

#disclaimer{
	font-size:10px;
	text-align: center;
}

.disclaimer{
	width: 50%;
}