@charset "utf-8";
/* headline: font-family: "Raleway", sans-serif;
paragraph: font-family: "Cormorant Upright", serif; 
*/

/*Fashion:
Watermelon: #BF454F
Dark grey: #363E40
Salmon: #D99E89
Light brown: #A65644
Rose: #D98282
*/

/*NAMASTE LIFTED:
Light salmon: #FFDFE0
Pastel pink: #FFECFF
Neutral pink and purple: #E8CBDA
Dark purple: #E0CBE8
Light purple: #EEDFFF
*/
.navbar-brand  {
    background-image: url("../images/lpham_logo_optimized.png");
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: 6% center;
    padding-left: 70px;
}
#home_banner {
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}

#home_banner h1 {
	font-size: 6rem;
	color: #fff;
	text-shadow: 3px 5px rgba(37,36,36,0.80);
	position: absolute;
	left: 3%;
	top: 14%;
}

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
background-color: #FFDFE0;
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
color: #BF454F;
}
/* 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: #BF454F;
color: #fff;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
border-color: #EEDFFF;
color: #fff;
}
/* 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");
}


/* Change custom fonts */

body {font-family: 'Cormorant Upright', serif;
}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;
}
.navbar-custom {font-family: 'Raleway', sans-serif;
}

.col-md-12 {
background-color: #E0CBE8;
text-align: center;
}

/*SMALL DEVICES ONLY*/
@media (min-width:375px){
	#home_banner h1 {
		font-size: 1.2rem;
		left: 3%;
		top: 14%;
	}
}

/*SMALL SIZE ONLY*/

@media (min-width:576px){
	#home_banner h1 {
		font-size: 1.8rem;
		left: 3%;
		top: 14%;
	}
}

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px){
	#home_banner h1 {
		font-size: 2.4rem;
		left: 3%;
		top: 14%;
	}
}

/*LARGE SIZE ONLY*/
@media (min-width: 992px){
	#home_banner h1 {
		font-size: 3.1rem;
		left: 3%;
		top: 14%;
	}
}

/*3 col main section*/
.main h2 {text-align: center;
		  font-weight: 800;}

/* Featurettes*/
.featurette {
	text-align: center;
	display: flex;
}

.featurette-divider {
	margin: 5rem 0; /* Space out the Bootstrap <hr> more*/
}

/* Thin out the marketing headings */
.featurette-heading {
   padding-top: 60px;
   font-weight: 600;
   line-height: 1;
   letter-spacing: .03rem;
}

/*footer*/
footer {text-align: center;
		line-height: 60px;
		background-color: #FFDFE0;
		color: #7A3335;
}
