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

/*Font Group*/
 .jersey-10-regular {
  font-family: "Jersey 10", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.micro-5-regular {
  font-family: "Micro 5", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Color Group*/
/* Main Colors:
	lightgreen: #D0EA99
	lightpurple: #C98EEA
	darkpurple: #8D32A5
	lightorange: #EBB8A0
	black: #000000
	lighterpurple: #F2ECF4
	lightteal: #9CD9D3
	lightgrey: #BDBFBF
	darkgrey: #888C8C
*/

body {font-family: "Jersey 10", sans-serif;
	 }
h1, h2, h3, h4, h5, h6 {font-family: "Micro 5", sans-serif;
	 }

/*center an image - img is an inline element*/

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

/* Background color for navbar and dropdown menus */

.navbar-custom, .navbar-custom .dropdown-menu {

    background-color:#EBB8A0;
    padding-left: 10px;
    padding-right: 10px;

}

/* 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: #888C8C;

}

/* 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: #EBB8A0;

    color:#8D32A5;

}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {

    border-color:#000000;

    color: #8D32A5;

}

/* 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");
  color:#D0EA99;

}

.jumbotron {
	width: 100%;
	padding-left: 20px;
}

#portfolio_jumbo {
	padding-left: 50px;
	padding-top: 20px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #EBB8A0;
  color: #888C8C;
  text-align: center;
}

#makeupbanner {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}