body {
	opacity: 1;
	transition: 1s opacity;
}
body.fade-out {
	opacity: 0;
	transition: none;
}
p {
	font-size: 0.9em;
	color:white;
}
a {
	font-size: 0.9em;
}
h1 {
	color: black;
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 3em;
}
h2 {
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 2.5em;
	color: black;
}
h3 {
	color: black;
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 1em;
}
h4 {
	color: black;
	font-family: 'novecento_sans_widenormal';
	text-transform: uppercase;
	font-size: 1.7em;
	margin-top: -4px;
}
h5 {
	color: black;
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 1.7em;
}
h6 {
	color: #fff;
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 1.7em;
}
.products-last p {
	margin-top: -10px;
	margin-bottom: 30px;
}
.text-vcenter {
	margin-top: 40px;
}
.vcenter {
	margin-top: 20px;
	margin-bottom: 10px;
}
.gold {
	color: black;
}
/* Nav bar styling */
.navbar-default {
	background-color: #000;
	border-color: #000;
}
.navbar .navbar-nav {
	display: inline-block;
	float: none;
}
.navbar .navbar-collapse {
	text-align: center;
}
.nav li {
	display: inline-block;
	float: none;
	vertical-align: bottom;
}
.nav li.mylogo a img {
	width: 75%;
	height: auto;
	display: inline-block;
}
.navbar-brand {
	display: none
}

@media screen and (max-width:767px) {
.navbar .navbar-nav {
	display: block;
	float: nwone;
}
.nav li {
	display: block;
	margin: 0;
}
.nav li a {
	border-radius: 0;
	display: block;
	border-bottom: 1px solid rgba(179,155,95,1);
	padding: 10px 15px;
}
li.mylogo {
	display: none;
}
.navbar-brand {
	height: auto;
	vertical-align: middle;
	display: block;
}
}
.navbar-toggle {
	border: none;
}
.navbar-default .navbar-collapse {
	border: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: rgba(179,155,95,1);
}
.navbar-default .navbar-nav > li > a {
	color: white;
}
/*Main frame styling*/
.headline-middle {
	margin-top: 20%;
	font-size: 64px;
	text-transform: none;
}

.handwritten{
	text-transform: none;
	font-size: 38px;
}

.headline-top {
	margin-top: 30px;
	margin-bottom: 20px;
}
.products {
	background-color: rgba(0,0,0,0.5);
	border: 1px solid rgba(179,155,95,1);
	margin-bottom: 20px;
}
.products-last {
	background-color: rgba(0,0,0,0.5);
	border: 1px solid rgba(179,155,95,1);
	margin-top: 20px;
	margin-bottom: 50px;
}
.news {
	margin-top:30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(0,0,0,0.5);
}
.h5news {
	color:#fff;
}
.news p {
	color: #fff;
}
.news a {
	color: #fff;
	font-size: 1em;
}
.news a:hover {
	text-decoration: none;
	color: rgba(179,155,95,1);
}
.materials {
	background-color: rgba(0,0,0,0.5);
	border: 1px solid rgba(179,155,95,1);
	margin-bottom: 50px;
}
.materials p {
	margin-bottom: 0px;
	color: #fff;
}
.bottom20 {
	margin-bottom: 10px;
}
.down50 {
	margin-top: 20%;
}
.materials a {
	color: #fff;
	text-decoration: none;
}
.material {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width:767px) {
.down50 {
	margin-top: 50px;
}
.products-last {
	border-left-style: none;
	border-right-style: none;
}
.products {
	border-left-style: none;
	border-right-style: none;
}
.materials {
	border-left-style: none;
	border-right-style: none;
}
.material {
	border-left-style: none;
}
}
.products > .row > .col-sm-3 {
	padding: 15px 0px 10px 0px;
}
.product {
	margin: 30px 0px 20px 0px;
}
.hairspray {
	margin: 10px 0px 20px 0px;
}
.btn {
	font-size: 14px;
	font-weight: bold;
	font-family: 'arial';
	border-radius: 0px;
}
.btn-primary {
	color: black;
	border: none;
}
.btn-primary:hover {
	color: black;
}
.form-control {
	height: 40px;
	border-radius: 0px;
}
.confirmation {
	margin-bottom: 50px;
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.embed-responsive {
	margin-bottom: 20px;
}
.arrows {
	margin-top: -30px;
	margin-bottom: 50px;
}
@media screen and (max-width:767px) {
.colors {
	background-color: #000;
	background-image: none;
}
}
.colors a {
	color: #787878;
	text-decoration: none;
}
.concept a {
	color: #787878;
	text-decoration: none;
}
.colors .color-navigation a {
	color: black;
	color: #3F3F3F;
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 1.7em;
}
.temp {
	margin-top: 50px;
	margin-bottom: -50px;
}
.color-logo {
	margin-top: 15%;
}
.color-navigation {
	margin-top: 10%;
}
.selection-navigation {
	margin-top: 20%;
}
.colors .selection-navigation a {
	color: black;
	font-family: 'arial';
	text-transform: uppercase;
	font-size: 1.7em;
}

/*Sticky footer styling*/
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 60px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #000;
}
.footer .row {
	margin: 15px 0px;
	margin-left: -15px;
}
.footer img {
	vertical-align: text-bottom;
	margin-right: 10px;
}
.footer .social {
	float: right;
}
.footer .social img {
	margin-right: 0px;
	margin-left: 10px;
}

@media screen and (max-width:767px) {
body {
	/* Margin bottom by footer height */
	margin-bottom: 120px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 120px;
	background-color: #000;
}
.footer .social {
	float: left;
}
.footer .social img {
	margin-right: 10px;
	margin-left: 0px;
}
}