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

body {
	background-color: #eee;
	color: #000;
}
::selection {
	background-color: #008080;
    color: white;
}
a,
a:visited {
	color: #008080;
	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: #008080;
	text-decoration: underline;
}

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

.specials-mobile,
.specials {
	background-color: #008080;
	color: #fff;
}

.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: #008080;
	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%;
	}
}
@media (min-width: 768px) {

	.navbar-default .navbar-collapse {
		background-color: transparent;
	}
}

@media (min-width: 992px) {
	.main-header {
		background-image: none;
		border: none;
	}
}