/* 91 Black -> 136 Blue -> 136 PINK   */
/* #231d7d -> #db0a89 -> #231d7d */

body {
	background-color: #eee;
	color: #000;
}
::selection {
	background-color: #231d7d;
    color: white;
}
a,
a:visited {
	color: #231d7d;
	text-decoration: underline;
}

a:hover {
	color: #666;
}

.col-sm-12.nav-mobile {
	background-color: #eee;
}

.navbar-nav > li a, .navbar-default .navbar-nav>li>a {
	color: #000;
	text-decoration: none;
}

.navbar-nav > li a:hover,
.navbar-nav > li a.activenav,
.navbar-nav > li a.activenav:visited,
.navbar-nav > li a.activenav:focus,
.navbar-nav > li a.activenav:hover,
.navbar-nav > li a.activenav:active,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a.activenav,
.navbar-default .navbar-nav>li>a.activenav:visited,
.navbar-default .navbar-nav>li>a.activenav:focus,
.navbar-default .navbar-nav>li>a.activenav:focus,
.navbar-default .navbar-nav>li>a.activenav:hover,
.navbar-default .navbar-nav>li>a.activenav:active {
	color: #231d7d;
	text-decoration: underline;
}

.container {
	background-color: #fff;
}

.main-header {
	background-image: url("../img/bg-main-mobile-girl-red-lips1.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 30%;
}

.specials-mobile,
.specials {
	background-color: #231d7d;
	color: #fff;
}
.specials-mobile ::selection,
.specials ::selection {
	background-color: #f7a307;
}

.specials-mobile a,
.specials a {
	color: #fff;
	text-decoration: underline;
}

hr { 
	border: 0 #ccc solid; 
}

.navbar-default {
	background-color: transparent;
	border: none;
}

.nav-mobile .navbar-header {
	background-color: #231d7d;
	color: #fff;
}

.nav-mobile .navbar-brand {
	color: #fff;
}

.navbar-default .navbar-toggle .icon-bar  {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-default .navbar-collapse {
	background-color: #eee;
}

@media (min-width: 640px) { 
	.main-header {
		background-size: 20%;
	}
}
@media (max-width: 640px) and (min-height:550px) { 
	.main-header {
		background-size: 30%;
		min-height: 164px;
	}
}

@media (min-width: 768px) { 
	.navbar-default .navbar-collapse {
		background-color: transparent;
	}
	.main-container .left-center-content-column {
		background-color: rgba(255,255,255, 0.77);
	}
}
@media (min-width: 992px) { 
	.main-container {
		background-image: url("../img/RedLipsGirl-BG.jpg");	
		background-color: #b2bebe;
		background-repeat: no-repeat;
		background-position: top right;
	}
	.main-header {
		background-image: none;
		border: none;
	}	
}

@media (max-width:480px) {
	.main-header {
		background-size: 40%;
	}
}